[wolverinejoe80]

hi guys,

just started this project few days ago.

http://www.jc-dc.net/ConverseWinkler/commercial001.htm

i need to create a text box on top of the image above. sort of like this

http://www.pcparch.com/flash.cfm

i want it to be about 30-40% opacity.

does anybody know how to do that?

please help!

[sub]

You need to use a semi-transparant PNG file in your background.
Create a layered PSD document and fill with 30-40% of the tint colour, then save for web as a PNG (24 bit format) with transparancy checked.

You'll also need to apply the usual PNG fix for Internet Explorer.

[Red Cap]

http://www.alistapart.com/articles/pngopacity/

[smallbeer]

forget hacks. just use two background images.

http://www.lifeofsmallbeer.co.uk/crap/trans/

[Red Cap]

Originally Posted by smallbeer

forget hacks. just use two background images.

http://www.lifeofsmallbeer.co.uk/crap/trans/

2 big images for each gallery pic? youll be doubling an already big load. If youre not keen to use a hack you could try using a faux partial transparent gif:

http://www.wannabegirl.org/translucent/

no hacks required as its a gif, but it wont look as good as a png

[sub]

Ahh, the old checkered box routine.
Looks fine on high res screens but like you said, it doesn't look great otherwise.

[smallbeer]

Originally Posted by Red Cap

2 big images for each gallery pic? youll be doubling an already big load. If youre not keen to use a hack you could try using a faux partial transparent gif:

the second image only needs to be as big as the text box. not exactly overload.

[i3lance]

Not even my question but thanks chaps.....I'm about to implement a version of this on a proejct but these are simplier options.

[wolverinejoe80]

you guys are awesome!!

thanks! i'll try it!!

[Red Cap]

Originally Posted by smallbeer

the second image only needs to be as big as the text box. not exactly overload.

If its only as big as the text box, its not really future proof - what if the user changes the blurb? Plus if the user resizes the text through the browser, the fixed size image bg may no longer be big enough. And thats a lot of photoshop work!