View Full Version : i need a STEP by STEP procedure of making a transparent i-frame


mashacealde
11-10-2002, 06:34 AM
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~

okay, okay... i've already read those other threads about transparent i-frames... it said that i need to slice the certain part of the picture and put it in the page in the i-frame... but still, i can't understand... and i still don't know how to do it... can somebody please tell me a step by step procedure on how to make the i-frame transparent? please.... please....

...i badly want a transparent inline frame....

*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~

xdarkmuffinsx
11-14-2002, 04:45 AM
1) take the picture you want to use ..

2) using a image editing program like paintshoppro,photoshop etc crop the part of the image where the iframe is going to be ..

3) take the piece you cropped and save it as a seperate image ..

4) in the page the iframe is loading for example home.html put the body background as that image you just saved ex. (<body background="bginline.gif">) ..

simple?

BitingBubbles
12-21-2002, 09:37 PM
all you do is add style="filter:alpha(opacity=40)" into the iframe src code, its not nearly as complicated as the person above made it out to be... no offense to them of course

starlet
12-22-2002, 12:22 AM
thats not a 'proper' transparent iframe though, the method mentioned above is way better to use if you can get it working :)

megs52
01-12-2003, 05:16 AM
You've probably already seen the code by now, but just in case you didn't I'll post it here. You don't have to cut out the image. What you do is in your iframe code, you put allowtransparency=true. Then on the iframe page, put <STYLE TYPE="text/css">
<!--
BODY {background: none; transparent}
-->
</STYLE>. By the way, I first saw this code on Emily's page. (http://www.undefined.nu/emily) I hope this helped.

CCSara3169
01-19-2003, 12:03 AM
I'm sorry...but that whole thing, I didn't understand a word.

You put the code where? Is there 2 separate codes?

lefty
01-19-2003, 01:34 AM
Like starlet said, the only proper way to make a transparent iframe is by the way darkmuffins suggested. I personally don't trust any other code. You could also try searching the forum, the process has been explained numerous times.