Top Border Background Tutorial

Graphic-and-Arts-by-Elle.com



To create a Top Border Page you need to set up 2 frames (TOP FRAME AND MAINFRAME) and 4 pages.

page 1. is your FRAME SET page. (frameset.html)
(this is the place where your frameset rows and frame sources)

page 2. is your top border frame (topborderframe.html).
(This page only contents the top border only)

page 3. is your main frame (mainframe.html)
This is the place where you put all the contents of your page.

page 4. is your background frame (background.html)
This page contents background only.

Below are the separate codes for each frames. Its all set up for you. All you need to do is
copy and paste each codes to its corresponding pages. Then add your contents to body of the
mainframe page and you're ready to go! Goodluck.


PAGE 1. this is the code for your Frame SET
<html>

<head>
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Top Border Frame Set</title>
</head>

<frameset rows="122,*" border="0">
<frame src="topframe.html" scrolling="no" noresize>
<frame src="mainframe.html" NAME="main">

</frameset>

</body>

</html>		 PAGE 2. this is the code for your TOPBORDER frame:

<html>


<head>
<meta name="GENERATOR" content="------------------">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Top Border Frame</title>
</head>

<body background="topborder.jpg">

</body>


PAGE 3. this the code for your MAINFRAME:

<html>
<head>

<title>title of your page<title>
</head>

<body background="your                                    background goes here"

</body>
</html>

 PAGE 4. this is code for your BACKGROUND FRAME


<html>
<head>
<meta name="GENERATOR" content="-----------------------">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Top Border Background Frame</title>
</head>

<body background="your background here">

</body>

</html



Click on this SAMPLE PAGE





graphics & arts © 2003.Graphic and Arts by Elle