|
||||||||||||||||||||||||||||||||||||||||||||
|
Transparent Iframes Tutorial Getting Started Hi! This is Sania of Anime Skies here to tell you how to make transparent iframes. It's really simple, actually, and as long as you follow each step, you won't have any problems. The Codes First, you need to open up a layout image that you've already made. I assume that you've already made the blog spots on the layout where the iframes will go. Open up a text editor like Notepad that you will be using. Enter these codes into it.
Save it as "index.html". Make sure you save it into the same folder as your image that you're using for the layout. STYLE="filter: chroma(COLOR=#ffffff) This is the section that you may need to edit. The "chroma" is the area. The color after it is the color that will be made transparent. In this instance, #FFFFFF is white, so all the white parts of the iframe will be transparent. Get what I'm saying? The Main Section Open up another new document. This one will be saved as "main.html". Copy and paste these codes into that new document. I wouldn't recommend changing anything unless you know what you're doing. <HTML><HEAD><title>TITLE HERE</title><link rel="stylesheet" type="text/css" href="style.css"><body bgcolor="#ffffff"><script language="JavaScript"><!--window.open = SymRealWinOpen;//--></script> Style For the last time, open up a new document. This one will be saved as "style.css". Don't put ".html" at the end or else it won't work.
Now See Your Final Product! Open up "index.html". Hopefully your iframes is transparent! If anything went wrong or you don't understand it, feel free to contact me. |