If you already know frames n u just wanna find out a little more 'bout it, click on the topics that u wanna see...
NOTE: All the example pages that I give you here are not in use any more, the webmaster(my friend) has closed the sites down, they are only examples...
Getting started
Basic frame commands
Add rows to frames
Add color to the frame borders
Naming the frame and target your links
Iframes(expage frames)







In order to get the kinda frame that I'm talkin' 'bout here, u'll need to get a angelfire page (chickpages and gurlpages are OK, too, just that I don't know those two hosts that well:) first coz these frames don't work on expages.

Once u've got the page, you have to convert the page into total htmls, click on advanced and there'll be a confirm page askin' u whether u wanna turn your page into pure htmls, click on OK(I think that's what it says he hee...)

When u r done with the converting job, there will be a text box with some htmls in it, erase it all and put

<HTML> <TITLE>First Frame Page</TITLE> <FRAMESET COLS="25%,75%"> <FRAME SRC="PAGE_A.htm"> <FRAME SRC="PAGE_B.htm"> </FRAMESET> </HTML>

in there instead, that's the frame's basic command. Click here to see an example of the 2 columns framed page. See the percent in the code? (50% 50%) you can chage them however you wanna, (70%, 30%) (20%, 60%, 20%) or whatever as long as they make the sum of 100%. Click here to see a example of the 3 culumns page. Insert the two pages' URL in where it says "PAGE_A.htm" and "PAGE_B.htm", those two pages are gonna be the pages that your visitor sees.

That was the simple frame above, bu a lot people want rows in there frames, and that's gonna make it a lil more complicated, in order to add rows in your frame, you have to add

<FRAMESET ROWS="75%,25%">

to the code, I don't recommend you to put too many rows and columes in your page coz it makes it look messy n hard to surf. Anyway, after you've added that code in the command, it should look something like this,

<FRAMESET COLS="25%,75%"> <FRAME SRC="LINKPAGE.htm"> <FRAMESET ROWS="75%,25%"> <FRAME SRC="LONGPAGE.htm"> <FRAME SRC="ME.html"> </FRAMESET> </FRAMESET>

Click here to see how the page look like with the code I have above.

Now we are gonna have to name the cells, this is where everyone gets confused. (uhoh! :) As you have seen in othe people's frames, you click on the links on one side of the frame and the page show up on the other side, that's what the naming does, we have to add NAME="a name here" to your frame's command, I recommend short names, like a letter or just your site's name, it's easy to remember coz u have a lot of links to target and you have to use the frame's name. After adding the names for the frame, the code will look like

<FRAMESET> <FRAMESET COLS="75%, 25%"> <FRAME NAME="A" SRC="cell_1.htm"> <FRAMESET ROWS="75%, 25%"> <FRAME NAME="B" SRC="cell_2.htm"> <FRAME NAME="C" SRC="cell_3.htm"> </FRAMESET> </FRAMESET>

I named those cells A, B and C, hee he... Now you are done with the naming, but that's everything! You have to target your links, so for example you have a link "http://www.me.com" and you want the content to show up in cell C when you click on the link, then you'll have to add target="C" in your hyper link, e.g.

<a href="http://www.me.com" target="C">blah blah</a>

Once you understand this one, it's not hard to figure out how to name all the other links, add target="B" if you want the contents to show up in cell B, add target="A" if you want the content to show up in cell A...
But sometimes you need the whole braswer to show up, you can either put target="top" to let the page show up in a new pop up window, or you can put target="_top" to break out of the frame. Notice the _ in the second target. Now you are done with your frame!

A lot of people including myself hate those frame borders coz they are really ugly, so we are gonna put a lil command to make the border dissappear, hee hee... We can change the border's color by putting BORDERCOLOR="a color here" in the code and reduce the size of the border by putting BORDER="0 to 10" in the code.
Change cell margins with: MARGINHEIGHT="---" MARGINWIDTH="---" Denote margins in pixels. If you don't want any scrolling thing on the right hand side, add SCROLLING="no" in the FRAME command.


That's it! Hope my lil tutorie helped you! If you still have questions, feel free to
mail me and ask me! :)
Thank you HTML Goodies for the source information.

«back