Network info Contests Portfolio (New link window) Icons (New link window) About Me Blog

Iframe (What They are and How to Use Them)


What are Iframes?

So you may be wondering what in the world are iframes? Well, an iframe is a box (or a frame, which would make more sense) that contains a page inside it. And that frame is on a particular main page.
It's like when you click on a link and it enters into a box/frame.
If you still don't understand what I am talking back then look at this page - click on a few of the links and you'll notice that a page from the link that you've clicked on will enter into the frame.

I hope you understand what it is. I had a bit of trouble understanding iframes at first aswell.

How to Use Iframes

1. First, copy and paste this code onto your main page (home page/index)

Change the positioning settings to suit your main page, and next, where it says PAGE URL HERE paste in the page (like your blog, or updates page) url, so when visitors see your main page they see the page that you just pasted the url of.

2. Now, here comes the anoying part. For all your pages that you want to open up in your iframe, for the target, you must have frame
So your link code would look like this:


3. Another thing that may help you (which took me a while to figure out) is that the iframe has a default colour around your page in the iframe. (It should be white.) It's actually pretty easy to fix; just add code the code below to your CSS if you already don't have it:

where it says COLOUR HERE insert the number colour code of your background. Your iframe default border colour should now be gone now!


« BACK HOME FORWARD »

Aiza | Claire | Gillian | Katie | Keeley | Kelci | Linda | Roisin | Vibeke |
More/Apply



BEAUTIFULMISTAKES.NET 2007-2008