PDA

View Full Version : Need Help



sensesfail182
03-13-2005, 08:26 AM
Hey everyone, I am new to this forum. I have been doing html for about a year or so now. I'm not too great but I have an important question. On my site I have an I frame and I would like to make it translucent because there is an image behind it. Here is the site. And there is only one I frame.

http://s92101149.onlinehome.us/newsite/home.htm

Please help me. The site would look much nicer if it had a translucent I FRAME. Thanks in advance.

ŽMatt

jscheuer1
03-15-2005, 06:56 AM
This one's easy, make your iframe statement in home.htm look like this:


<IFRAME style="FILTER:alpha(opacity=70);-moz-opacity:0.70;" name=main src="home_files/welcome.htm"
frameBorder=1 width=600 height=500
frame></IFRAME>

Filter is for ie5+ and moz is for mozilla based browsers (ns6+ - I think and ff, others). The higher the number the brighter your iframe will be and the less the background will show through. The lower the number, the dimmer the I frame will appear and the more background will show through. One trick I've used with this effect is to load my image (in this case welcome.jpg) into a paint program and make it brighter so that when it is dimmed out by becoming translucent it looks better. It's up to your eye how you want to make it.

sensesfail182
03-17-2005, 04:59 AM
I really appreciate your help. But is there anyway to make just the frame transparent because the page in the frame also because opake, because i want to make it almost like the frame is invisible but there. Like an opacity of .20. But when I do that you can't make out the page. Is there anyway to do that? Thanks for your help!

~Matt

jscheuer1
03-17-2005, 07:18 AM
Not that I know of, you can try this hack, but I wouldn't recommend it:

<img src=fback.png style="position:absolute;top:-3px;left:-3px;border:3px outset silver;FILTER:alpha(opacity=30);-moz-opacity:0.30;"><IFRAME name=main src="home_files/welcome.htm"
frameBorder=0 width=600 height=500
frame></IFRAME>use attached fback.png, it's in fback.zip