SideBar Header

Sub-Header

TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT

SideBar Header

Sub-Header

TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT

SideBar Header

Sub-Header

TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT

This is the main Header!

Sub-Header

This layout was made in CS2 and was Coded in Notepad. As with all my layouts feel free to edit/use them, but you must always keep the credits on them (i did make it after all). Hopy you enjoy it!

A little Test

Italics, Bold, Underlined, link

Header

Layout Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<head>
<title>Your site name here</title>
<style type="text/css">
body {
padding:0;
margin:0 auto;
color:#000000;  
background-color:#7FB6B3;
text-align:justify;
font-family: "Verdana";
font-size:8.5pt;
}

#container{
width:694px;
margin:0 auto;
padding:5px;
background: #ffffff;}

#header{
width:694px;
height:261px;
margin:0 auto;
padding:0;
background: #fff url('http://i183.photobucket.com/albums/x102/wranikxpanik/4-3.jpg') repeat-y;}

#main{
width:694px;
padding:2px 0px 0px 0px;
margin:0 auto;
background-color:#fff;
}

#thestuff { 	
margin:0 0 0 6px;
width:73%;
float:right;
padding:0;
text-align:left;
vertical-align: middle;	
background-color:#fff;
}

#side {
float:left;
width:25%;
background-color:#fff;
text-align:left;
}

#footer {
clear:both;
margin:0 auto;
text-align:center;
color:#000;
width:694px;
height:15px;
background:#ddd;
}

h1{
color:#7FB6B3;
font:12pt 'Verdana';
background-color:#white;
margin:0 0 0px;
text-align:center;
padding:0px;
border: 1px solid #668CB5;
}

h2{
color: white;
font:8pt 'Verdana';
background-color:#7FB6B3;
margin:0 0 5px;
text-align:center;
padding:0px;
border-right: 1px solid #668CB5;
border-left: 1px solid #668CB5;
border-bottom: 1px solid #668CB5;
}

h3{
color:#black;
font:9pt 'Verdana';
background-color:#white;
margin:0 0 0px;
text-align:left;
padding:0px;
border-top: 1px solid #668CB5;
border-right: 1px solid #668CB5;
border-left: 5px solid #668CB5;
border-bottom: 1px solid #668CB5;
}

h4{
color:#white;
font:7pt 'Verdana';
background-color:#black;
margin:0 0 5px;
text-align:left;
padding:0px;
border-right: 1px solid #668CB5;
border-left: 1px solid #668CB5;
border-bottom: 1px solid #668CB5;
}

h5{
color:#red;
font:12pt 'Verdana';
background-color:#black;
margin:0 0 5px;
text-align:center;
padding:0px;
border: 1px solid #668CB5;
}

b{
color:#717171;
}

u{
color:#999999;
}

i{
color:#35608E;
}

a{
color:#6e6e6e;
}

a:hover{
color:#35608E;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
</div>

<div id="main">
<div id="side">
<h3>SideBar Header</h3>
<h4>Sub-Header</h4>
TEXT TEXT TEXT TEXT<br>
TEXT TEXT TEXT TEXT<br>
TEXT TEXT TEXT TEXT<br>
TEXT TEXT TEXT TEXT<br>
TEXT TEXT TEXT TEXT<br>
<h3>SideBar Header</h3>
<h4>Sub-Header</h4>
TEXT TEXT TEXT TEXT<br>
TEXT TEXT TEXT TEXT<br>
TEXT TEXT TEXT TEXT<br>
TEXT TEXT TEXT TEXT<br>
TEXT TEXT TEXT TEXT<br>
<h3>SideBar Header</h3>
<h4>Sub-Header</h4>
TEXT TEXT TEXT TEXT<br>
TEXT TEXT TEXT TEXT<br>
TEXT TEXT TEXT TEXT<br>
TEXT TEXT TEXT TEXT<br>
TEXT TEXT TEXT TEXT<br>
</div>

<div id="thestuff">
<h1>This is the main Header!</h1>
<h2>Sub-Header</h2>
This layout was made in CS2 and was Coded in Notepad. As with all my layouts feel free to edit/use them, but you must always keep the credits on them (i did make it after all). Hopy you enjoy it!
<br>
<h5>A little Test</h5>
<center><i>Italics</i>, <b>Bold</b>, <u>Underlined</u>, <a href="#">link</a></center>
<br>
<h5>Header</h5>
<center>
stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here </center>
<br>
<h5>Header</h5>
<center>
stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here <br>
<h5>More Layouts?</h5>
<center><a href="http://www.aplomb.crystalclearreality.com/">APLOMB!</a>
</a>
</center>
<br><br>
</center>
</div>
</div>
<div id="footer">
© 2003 <a href="your url here">Your Website</a> Layout Made By: <a href="http://www.aplomb.crystalclearreality.com/">Aplomb!</a>
</div>
</div>
</body>
</html>

Header

stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here stuff here

More Layouts?

APLOMB!