Opaque Background

I want to create a page with a semi translucent background and a regular one as shown:
http://bloodinthemix.com/page.jpg
I've seen them on ebay before and I want to know to do it.
Is the opacity achieved by means of CSS? If so, how do I do it in Dreamweaver?
Is the opaque part in a nested frame set or table? The see through part will be divided in horizontally two portions (30/70).
The image shown will be a full page live.
Please, any help?

I was actually going to use .png until I read somewhere browsers under a certain number (5 or 6 I forget which) couldn't read them.
That's only partly true. PNGs are widely supported by all browsers and modern web devices including tablets, smartphones, iPod, iTouch...
However, alpha-transparency doesn't display properly in pre-IE7 browsers without help from a PNG fix.js. You can add this to a Conditional Comment if you really need it.
Incidentally, IE5.5 is obsolete and IE6 has reached it's "end of life cycle" with only 3% users worldwide. I no longer do cartwheels to fix older IE bugs. If people want to keep using a broken browser, that's their problem.
Is there a way to have rounded corners not be in a certain place?
Border-radius values can be applied to the top-left, top-right, bottom-right and bottom-left regions of your body, division or table.
See Border-Radius Code Generator
http://border-radius.com/
I'm using a frameset
That's very unfortunate for you and your site visitors. Frames were popular in the mid 90's but no more. The W3C saw fit to remove frames from modern HTML5 standards because they are not web friendly. AFAIK, Adobe removed frames from DW CS4 release.
See Why Frames are Evil: http://apptools.com/rants/framesevil.php
There are much better ways to set-up your site wide navigation without using Frames/framesets. Use F1 Help in DW and read about DW Templates. Or use Server-side Includes (my personal favorite).
It's still not at the absolute top of the page.
To zero out default browser margins and padding on everything, use a wildcard (*) selector at the top of your CSS code like this:
* {margin:0; padding:0}
Good luck with your project.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com/

Similar Messages

Opaque background after using LiveTrace

When I created a new object using LiveTrace, it came out with an opaque background. How can I make the background transparent so that I can layer the object?

If the background is white, you can enable ignore white in the trace preferences.

Opaque background/workspace for CS3 in Leopard

I've just migrated from CS3 Windows to CS3 Mac on a Mac Pro.
I am not seeing how I get CS3 to open with an opaque background. When I open the program but have not selected an image, I see the upper menu bar, the right palettes, the left tool bar, but the rest of the screen is just transparent (empty) and my desktop shows through.
Maybe that's the way it's supposed to be. I don't see a way to reset the workspace to get an always-opaque background.
Stan

Stan, >Maybe that's the way it's supposed to be. It's a traditional Macintosh convention that Mac users generally accept as part of the user experience. It also makes it quick and easy to click on (select) other open documents, applications, or directory windows that are lying under your working window. That said, in Photoshop you can press the F key (it will cycle through variants with each key press) as a way of masking the desktop. You can also easily set the desktop itself to be neutral grey (or background of your choice). And there are third-party utilities that can make your desktop more Windows-like -- not that I'm recommended this. <g> There has been some heated discussion on this issue in other topics in this forum, such as: <a href="/webx?14@@.59b55825/0">"CS 3 PS and Ill work area is transparent can see desktop-What is this?"</a> Neil

Opaqueness/background

I have Elem 9. I want to make a 1 layer image the background of a Ppoint presentation. How do I make it opaque (transparent)?
Thanks.

I guess you want to use a image as a background in ppt presentation and you want that image to be a bit transparent. Just follow the below steps.
1. Open the image in PSE 9.
2. Now make the background layer a normal layer. Do this is just double click on the layer in the layers panel and press "OK" in the dialog box that appears.
3. You will see a opacity slider in the layers panel. Lowering the opacity value will make the image transparent. So lower the opacity value to as much value as want.
4. Save the image as JPEG.
5. Open Powerpoint and choose "Home Tab" and now click Insert picture and choose the image saved in step 4.

Semi-opaque background rectangle for subtitles

There should be a simple answer for this, but can't seem to find it after hours combing through the archives.
I want to have subtitles for a documentary using FCP HD (no plug-ins) and have succeeded creating the text. But I want a transluscent box in which the text appears, to help its readability... darkish box for white text, or whitish box for black text. I've fooled around with "Shapes--Rectangle" but am just improvising and the results are dismal. I'd be very grateful for a walk-through for a graphics newbie.
Thanks!

I want to have subtitles for a documentary using FCP HD (no plug-ins) and have succeeded creating the text. But I want a transluscent box in which the text appears, to help its readability... darkish box for white text, or whitish box for black text.
This might not be feasible if you've already created all your subtitles - as opposed to having created only a few for testing purposes - but what you want can be accomplished all in one spot: the Outline Text generator in FCP.
If you go via the 'A' button in the Viewer: Text > Outline Text. If you prefer the Effects tab: Video Generator > Text > Outline Text.
Anyhow, once Outline Text is loaded into the Viewer...
Hit the Controls tab and scroll down, to reveal the Background Settings
By default, the background is 'turned off.' That is, Horizontal Size and Vertical Size are both set to 0.
To get it working, I usually set Horizontal Size to 106 and Vertical size to 102.
Alter Back Soft to 2. (That is, unless you want a hard edge to your box)
Adjust Back Opacity if you want, though I find that setting Opacity to less than 40 starts to get counter productive. I usually leave it at 50, myself.
Optional: alter your Text Settings to move away from (or completely eliminate) the not-so-subtle default settings for Outline Width. (50!!!)
(Not to mention adjust all the other font settings to your liking, but I think you're old hat at all that now.)
Like I said, not the easiest adjustment to make if you've got all your subtitles done, but certainly the simplest way to do what you're asking (if it helps in the future).

How can I save semi opaque background fill in a pages table cells?

I am trying to add background colour fill to some cells of a table. Solid, 100% fill is easy, but when I slide the opacity slider in the colours window and add to a cell, the new colour can be added to the table cell, but only saves as the full 100% colour in the saved document. I save the Pages document as a Word document. Thanks for any help.
George

How does it work if you save the document as the native .pages format? A lot of Pages features doesn't convert well to Word, or vice versa. Don't expect Pages to be a cheap Word substitute.
I can't check out what you are describing as I don't have Word.
Tip: Always save first as .pages, then you can EXPORT to another format. PDF is better format to retain what you have acheived in Pages.

Semi-transparent foreground image on top of opaque background image

The client has sent me this image (a low-res .jpg file) to place on top of a green gradient background (also provided, as a multi-layered .psd file). I'm to silhouette the image and place it on top of the green background at the appropriate size (easy) while maintaining the transparency of the grid and the reflection so that the green shows through (difficult ... as in I don't know how and haven't been able to Google up the answer). The end result will be used on the client's Website.
I considered telling him it couldn't be done (not sure if that's true) or would be cost prohibitive (I would need to be able explain why it would take me longer to do than he thinks it should take). The third (and most desirable) alternative is that this is easier to do than I realize and I just need to be pointed to the proper instructions.
Any advice?
Thanks,
Andrea

Put the gradient in photoshop and also convert the jpg to .psd in same colour profile as gradient, then place graphic into gradient as a layer on top. Set graphic to 'multiply'. That is technically the way to do it.
This will not look good, so you will want to isolate the blue bars of the graph and the arrow using 'select colour range' (and maybe some manual selection) then do 'command-j' to create another layer containing only those items and leave that as 'normal' (ie don't multiply that one) and it should look fine.
There is no way to silhouette the fading part into the gradient, it must overlay. Lifting the bars out is cheating a bit but will give nice appearance.
Should only take a few mins, make sure your gradient has some noise in it if you have any problems, I would be happy to do it for you if you want to send files to my email in profile....

Cut object from opaque background

how do i remove, or make transparent, backgrounds in cs6?

morganlars,
There is no need to think about transparent bacgrounds: basically, there is no background.
You may View>Show Transparency Grid, then hide it again.

Black background in native Display List elements overlayed with Starling

Hello, I'm having an issue in the iPad, where all native DisplayObjects are shown with an opaque black background instead of being transparent while being displayed over Starling graphics using "nativeOverlay". This doesn't happen in the PC, in ADL, only in the iPad. Does anyone know what's causing this?
I also tested in Android, and this doesn't happen. So this is a problem only in iOS. Is this a known problem? Surely someone has tried before to overlay Flash display objects over Starling display objects and had this issue?
Any possible fixes or workarounds for this?
Thanks!

Hello, I just found the culprit of this annoying bug.
It's StageVideo! If you play any video with StageVideo BEFORE showing any Stage3D/Starling stuff, then you'll get this behaviour (native DisplayObjects with opaque background over Starling).
This is a bug which happens to be almost 1 year old!
Please, check this out and vote to try to get this finally fixed for good!!
https://bugbase.adobe.com/index.cfm?event=bug&id=3186454

How do I avoid the white line that forms around objects I've separated from a background?

This is a cropped corner of an illustration I removed from its opaque background and placed on a transparent background. The north and west borders show the whilte line that forms whenever I place objects on a transparent background. The south and east borders are the cropped edges -- they are clean and make the trasition from object to background color without that white line. With some objects, it's possible to use the Plygonal Lasso Tool, for instance, and trim that object away from the background. With portraits or irregularly shaped objects, though, it's necessary to use the Magic Wand or other means to trim the background away from the object, which results in that unwanted white line. I've read for hours online about this problem and have found no true resolution: Defringing, Removing White Matte, Anti-aliasing, trying to predict what color you'll lay the silhouette on and working in that color, and on and on. It seems as though Photoshop would be relied upon heavily by professionals who need to place objects on top of one another without intrusion. Does anyone have a method that really works?

Hi! If the solutions you mentioned aren't working for your project, it might be worth learning a little bit about Layer Masks. This is a page that explains how Layer Masks work. http://helpx.adobe.com/photoshop/using/masking-layers.html
A Layer Mask is a black-and-white image that corresponds to your source image applied in such a way that white areas display and black areas don't. So for your project, you would want to use Photoshop to turn your scanned illustration into a black-and-white image where the area you want to keep is white, and the area you don't want to keep is black. Here is a demo using your uploaded image:
1. Open your image in Photoshop. Right-click on your source layer in the Layers Palette and select Duplicate Layer.
2. With the upper layer selected, use Image -> Adjustments -> Desaturate to turn the layer black-and-white.
3. Use Image -> Adjustments -> Invert to reverse the black and white. Now the white background should be black.
4. With the upper layer selected, use Image -> Adjustments -> Levels. Move the black, white, and gray arrows such that there is a hard black-and-white contrastwhere you want the white background to be removed.
5. You may have to use the lasso tool or the brush tool to complete the silhouette of the image against the white background.
6. With the upper, black-and-white layer selected, Edit -> Select All and Copy. Turn the layer visibility off so that you are again looking at the original image.
7. With the lower layer selected, click the Layer Mask icon. Alt-click on the Layer Mask to edit the Mask directly.
8. Edit -> Paste to apply the black-and-white image you created as a Layer Mask. If you then click the layer icon again, you should be looking at your correctly cropped image!
Hope this helps.

Exporting to PNG, need to get rid of "transparent background"

Hi all,
Just trying out Freehand as a solution for creating images
for CafePress. I get it all set for 10" X 10", export it to a PNG
file and upload it to CafePress. When I try to create a product
there, the image is no longer 10" X 10", it is only the size of the
text and CP tells me the background is transparent. I need an
opaque background to get it to work there, but I am having NO luck
figuring out how to turn off the transparency! Please help, I am
about to pull my hair out!
Thanks in advance
Sean

seanpaune wrote:
>When I try to create a product there, the image is no
longer 10" X
> 10", it is only the size of the text and CP tells me the
background is
> transparent. I need an opaque background to get it to
work there [...]
Did you draw a 10" x 10" square with white fill, no stroke,
and put it
behind the lettering? Does CafePress recognize this as
transparent or
opaque?
In normal garment screen printing, if you want white ink on a
dark shirt,
you create a white spot color and apply that to any objects
that you want to
print as white. I'm not sure how CafePress handles this. For
short runs they
may be using transfers made on a color inkjet printer. If
it's white ink you
want, you should ask them what they require.
Judy Arndt

Best Illustrator method to make a logo background "transparent..."

I have seen that there are several posts regarding "transparent backgrounds," but but they're difficult to follow. I apologize if this is old territory. If there is a solution somewhere already, I'd appreciate your pointing me towards it.
I'm using AI within CS5.5 but new to it. I am importing/converting a JPG file to vector format. The image is a logo with a large black circle boundry and a white opaque background. The background elements inside the boundry circle are also opaque white, and I wish to leave that as is. The edges of the circle touch the boundries of the JPG file tangentially by about 100px or so on each side when the JPG is viewed at original size.
My objective is to make everything outside the boundry circle a "transparent" background. What would be the best/easiest way to do this within AI? Is there, for example, a tool that will draw a circle that I can expand to get on the edge of the black boundry circle, and then make everything outside it transparent?
Thanks very much.
Regards,
Arnold

Jacob Bugge wrote:
Arnold,
I am importing/converting a JPG file to vector format. The image is a logo with a large black circle boundry and a white opaque background.
The cleanest/best way to vectorize the black circle, and most likely the other shapes, is to recreate, using the appropriate tools, thereby replacing the original raster parts.
You may use the raster image as a locked template, maybe on its own lower layer.
In that case there will be no outlying parts to get rid of.
But f you just wish to get rid of the outlying part, you may create a circle (with the Ellipse Tool) following the outer rim of the black circle, select that and the image, and Object>Clipping mask>Make.
OK, a quick progress report...
I am now back at my main desk and in front of my instance of AI. I am attempting to implement the above suggestion of using the clipping mask. First, a bit more background.
The object I'm trying to edit is a JPEG file with a logo design... a black circle with a flat b/w design inside on an opaque white background. There is only one (1) layer, and AI reports the background as being "locked." When I open the JPEG file in AI, it appears as 100%, RGB raster (file is 2341x2344px original size). When I hover over the design with the "select" tool, I see a blue square outline (I assume this is the JPEG file boundry). The edges of the circle circumfrence touch each edge the blue square outline.
I see how to invoke the elipse tool, and how to make a clipping mask (I have to remember to select more than one object, or I'll get an error). But what do I do from there? How do I save just the part that remains (after clipping) on a transparent background? Everything I've tried so far seems to save it on the white opaque background.
I'm stuck at this point. All help appreciated.
Regards,
Arnold.

Titles with background matte

I'm working on a bi-lingual doco with lots of subtitles, using 'Text' in the text generator of FCP... I'd like to create an opaque background matte but it seems this isn't an option - although it's available for 'lower third' text... I've already done half of the titles and we're approaching deadline - I'd really like a means of quickly applying a background matte to the existing titles/footage... does anyone know of a way? It seems bizarre that it's not an option... and that, if it were an option, each change has to be applied individually rather than select and apply to all...

where are you placing the color matte? it needs to be on a separate video track, between your video layer and your subtitles layer eg
v3 subtitles
v2 color matte (strap)
v1 background video
you need to make sure that all three layers are visible ... sorry for stating the obvious but you may have mistakenly toggled monitoring off for the matte track and/or toggeled off the 'Enabled' property for that clip (right click the clip in the timeline and check that "Clip Enabled" has a tick next to it)
also make sure that you have not mistakenly cropped the matte out of existence, or set the opacity to 0% ... in this regard it may be more useful to start again
cheers
Andy

Background image for PanelDashboard

Hi ,
I am using Jdeveloper 11.1.1.7.
I have one PanelDashboard in my page I need show one background image for that Dash Board.
The image is very small so It showing multiple times entirely occupy the page.So I I try with below CSS codes but now the image is not showing.
I want to show the image only once and the also exact place.
+.backgroundImage+
+{+
position: absolute;
background-image: url("../img/sampleImage.png");
background-repeat: no-repeat;
z-index: 1;
margin: 0.0pt ;
+}+
Thanks,
Arun D.

Hi,
actually I would use skinning for this and reference the panel dashboard skin selector. You also need to set the panelBoxes contained in the dash board to have opaque background as otherwise they will overlay your background image
Frank

HTML based AIR app with transparent background (PNG)

Hi guys,
I have been developing a VERY simple HTML / JavaScript AIR app with Dreamweaver CS3 and Photoshop CS3.
I have skinned the app with a simple transparent PNG file (Photoshop > Save for Web and Devices). I have set the PNG as the <body> background-image via CSS and the body background-color is undefined. I have also set the app to:
<systemChrome>none</systemChrome>
<transparent>true</transparent>
My problem is that I get a white opaque background showing through behind / around the PNG.
Q: Is it possible for HTML / JavaScript AIR apps to have transparent backgrounds (I have seen lots of info about how to do this in Flash / Flex but not HTML)?
Q: What do I need to change or do to make it work?
Many, many thanks,
B

Oops, sorry.
I was using the BluePrint CSS Framework and it turns out that that was setting a background color.
Please ignore this thread!

Opaque Background

Similar Messages

Maybe you are looking for