MAIN HEADER

Hiya Webmasters! :3 If you're here, you're probably thinking of taking advantage my free layouts. Good choice! xD
This is a simple 3 coloumn layout, which has been jazzed up a little with some editing- including an Umbreon banner. The entire layout is 750 pixels wide, so it should fit in just about any screen resolution.
SUB HEADER

Bold
Italics
Underline
~~Strikethrough~~
Link
TEH CODENESS

Here is what you need; the all important coding. To copy it completly, right click and hit 'Select All' then go Edit > Copy.
<html>
<head>
<title>SITE NAME HERE</title>

<meta name="description" CONTENT="A BREIF DESCRIPTON OF YOUR SITE HERE">
<meta name="keywords" CONTENT="SOME KEY WORDS RELATED TO YOUR SITE - THIS IS USEFUL FOR SEARCH ENGINES">

<!--CSS STARTS HERE-->

<style>

/* THIS CHANGES YOUR CONTENT HEADINGS */
h1 {font-family: Tahoma; font-size: 11px; color: #FFFFFF; font-weight: bold; text-align: center; background-color: #d93b22; border:1px solid #841200;}
h2 {font-family: Tahoma; font-size: 11px; color: #FFFFFF; font-weight: bold; text-align: center; background-color: #dfbc27; border:1px solid #906617;}

/* THIS CHANGES YOUR NAVBAR HEADINGS */
#h3 {font-family: Tahoma; font-size: 11px; color: #FFFFFF; font-weight: bold; text-align: center; background-color: #242424;}

/* THIS CHANGES YOUR LEFT NAVBAR LINKS */
.leftlink A:link 
{display : block; color: #FFFFFF; text-decoration: none; font-weight: none;}
.leftlink A:visited 
{display : block; color: #FFFFFF; text-decoration: none; font-weight: none;}
.leftlink A:active
{display : block; color: #FFFFFF; text-decoration: none; font-weight: none;}
.leftlink A:hover 
{color: #242424; font-weight: none; background-color: #a2a2a2;} 

/* THIS CHANGES YOUR CONTENT LINKS */
.conlink A:link
{color:#404040; text-decoration: none; font-weight: bold;}
.conlink A:visited
{color:#404040; text-decoration: none; font-weight: bold;}
.conlink A:active
{color:#404040; text-decoration: none; font-weight: bold;}
.conlink A:hover
{color:#404040; text-decoration: underline; font-weight: bold;} 

/* THIS CHANGES YOUR RIGHT NAVBAR LINKS */
.rightlink A:link
{display : block; color:#FFFFFF; text-decoration: none; font-weight: none;}
.rightlink A:visited
{display : block; color:#FFFFFF; text-decoration: none; font-weight: none;}
.rightlink A:active
{display : block; color:#FFFFFF; text-decoration: none; font-weight: none;}
.rightlink A:hover
{color: #242424; font-weight: none; background-color: #a2a2a2;}

/* THIS CONTROLS THE BASICS OF YOUR LAYOUT */
body
{ font-family: Tahoma;
color: #001675;
font-size: 10px;
background-color: #4f4f4f;
background-image: url("OPTIONAL- URL GOES HERE")
background-repeat: repeat-x;
text-align: justify;
width:750px;
margin:0px auto; 
}

/* THIS CENTERS YOUR LAYOUT */
#centerlayout {
width: 750px;
}

/* THIS CONTROLS THE PROPERTIES OF YOUR LEFT NAVBAR */
#leftbg
{ font-family: Tahoma;
color: #FFFFFF;
font-size: 10px;
background-color: #242424;
text-align: left;
width: 135px;
padding-left: 2px;
padding-right: 2px;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
}

/* THIS CONTROLS THE PROPERTIES OF YOUR LEFT NAVBAR (where the links go) */
#leftnav
{ font-family: Tahoma;
color: #FFFFFF;
font-size: 10px;
background-color: #242424;
text-align: left;
width: 131px;
border: 1px solid #FFFFFF;
padding-top: 2px;
padding-bottom: 2px;
}

/* THIS CONTROLS THE PROPERTIES OF YOUR RIGHT NAVBAR */
#rightbg
{ font-family: Tahoma;
color: #FFFFFF;
font-size: 10px;
background-color: #242424;
text-align: center;
width: 136px;
padding-left: 2px;
padding-right: 2px;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
}

/* THIS CONTROLS THE PROPERTIES OF YOUR RIGHT NAVBAR (where the links go) */
#rightnav
{ font-family: Tahoma;
color: #FFFFFF;
font-size: 10px;
background-color: #242424;
text-align: center;
width: 132px;
border: 1px solid #FFFFFF; 
padding-top: 2px;
padding-bottom: 2px;
}

/* THIS CONTROLS THE PROPERTIES OF YOUR CONTENT */
#content
{ font-family: Tahoma;
color: #000000;
font-size: 11px;
background-color: #FFFFFF;
width: 487px;
padding: 3px 3px 3px 3px;
border-top: 1px solid #000000; 
border-bottom: 1px solid #000000; 
}

/* THIS CONTROLS THE PROPERTIES OF YOUR DISCLAIMER */
#disclaimer
{ font-family: Tahoma; 
color: #FFFFFF;
font-size: 11px;
background-color: #242424;
background-image: url("http://img407.imageshack.us/img407/9057/disclaimer2xs9.png");
text-align:center;
width: 750px;
height: 50px;
border-bottom: 1px solid #000000; 
border-left: 1px solid #000000; 
border-right: 1px solid #000000; 
}

/* THIS CONTROLS THE PROPERTIES OF YOUR BANNER */
#banner
{ font-family: Tahoma; 
color: #FFFFFF;
font-size: 11px;
background-color: #242424; 
background-image: url("http://img181.imageshack.us/img181/1074/banner2ef8.png"); 
text-align:center;
width: 750px;
height: 150px;
}

</style>
</head>

<!--LEFT NAVBAR STARTS HERE-->

<body>
<p align="center">
<table cellspacing="0" cellpadding="0" border="0" width="750px">
<tr><td valign="top" align="center" id="banner" colspan="3"></td></tr>
<tr>
<td valign="top" id="leftbg" class="leftlink">

<div id="h3">HEADER</div>

<table cellspacing="0" cellpadding="0" border="0">
<tr><td valign="top" align="center" id="leftnav" colspan="1">

<a href=""><img src="http://img406.imageshack.us/img406/4887/arrow2pu8.png" border="0">Link</a>
<a href=""><img src="http://img406.imageshack.us/img406/4887/arrow2pu8.png" border="0">Link</a>
<a href=""><img src="http://img406.imageshack.us/img406/4887/arrow2pu8.png" border="0">Link</a>
<a href=""><img src="http://img406.imageshack.us/img406/4887/arrow2pu8.png" border="0">Link</a>
<a href=""><img src="http://img406.imageshack.us/img406/4887/arrow2pu8.png" border="0">Link</a>

</td></tr></table>

<div id="h3">HEADER</div>

<table cellspacing="0" cellpadding="0" border="0">
<tr><td valign="top" align="center" id="leftnav" colspan="1">

<a href=""><img src="http://img406.imageshack.us/img406/4887/arrow2pu8.png" border="0">Link</a>
<a href=""><img src="http://img406.imageshack.us/img406/4887/arrow2pu8.png" border="0">Link</a>
<a href=""><img src="http://img406.imageshack.us/img406/4887/arrow2pu8.png" border="0">Link</a>
<a href=""><img src="http://img406.imageshack.us/img406/4887/arrow2pu8.png" border="0">Link</a>
<a href=""><img src="http://img406.imageshack.us/img406/4887/arrow2pu8.png" border="0">Link</a>

</td></tr></table>

<div id="h3">HEADER</div>

<table cellspacing="0" cellpadding="0" border="0">
<tr><td valign="top" align="center" id="leftnav" colspan="1">

<a href=""><img src="http://img406.imageshack.us/img406/4887/arrow2pu8.png" border="0">Link</a>
<a href=""><img src="http://img406.imageshack.us/img406/4887/arrow2pu8.png" border="0">Link</a>
<a href=""><img src="http://img406.imageshack.us/img406/4887/arrow2pu8.png" border="0">Link</a>
<a href=""><img src="http://img406.imageshack.us/img406/4887/arrow2pu8.png" border="0">Link</a>
<a href=""><img src="http://img406.imageshack.us/img406/4887/arrow2pu8.png" border="0">Link</a>

</td></tr></table>

<div id="h3">HEADER</div>

<table cellspacing="0" cellpadding="0" border="0">
<tr><td valign="top" align="center" id="leftnav" colspan="1">

<a href=""><img src="http://img406.imageshack.us/img406/4887/arrow2pu8.png" border="0">Link</a>
<a href=""><img src="http://img406.imageshack.us/img406/4887/arrow2pu8.png" border="0">Link</a>
<a href=""><img src="http://img406.imageshack.us/img406/4887/arrow2pu8.png" border="0">Link</a>
<a href=""><img src="http://img406.imageshack.us/img406/4887/arrow2pu8.png" border="0">Link</a>
<a href=""><img src="http://img406.imageshack.us/img406/4887/arrow2pu8.png" border="0">Link</a>

</td></tr></table>

<p><p>

</td>
<td valign="top" id="content" class="conlink" width="487px">

<!--LEFT NAVBAR ENDS HERE-->

<!--CONTENT STARTS HERE-->

<h1>MAIN HEADER</h1>
Hiya Webmasters! :3 If you're here, you're probably thinking of taking advantage my free layouts. Good choice! xD<br>
This is a simple 3 coloumn layout, which has been jazzed up a little with some editing- including an Umbreon banner. The entire layout is 750 pixels wide, so it should fit in just about any screen resolution. 

<h2>SUB HEADER</h2>
<b>Bold</b><br>
<i>Italics</i><br>
<u>Underline</u><br>
<s>Strikethrough</s><br>
<a href="">Link</a>

<p>
Please do not remove the 'Layout By:' credits in the right navbar. 
<p>

<h1>EDITING THE LAYOUT</h1>
I don't mind you editing the layout a little. In fact, I encourage it. ^^ If you don't like the colour of the links, change them. Don't like the headers? Change them! <br>

The only thing I really, really wouldn't recommend you do is change any of the dimensions of the tables and things (that is, the width, the height, the amount of cell-padding, etc.). Even changing one of these dimensions can cause the layout to collapse into itself. You wouldn't what that, would you? 
<p>

<h2>THE BANNER AND DISCLAIMER</h2>
Ok, so the banner and disclaimer are looking a bit boring right now. You'll have to put your website's name in the banner, as well as some text in the disclaimer (this is optional, you can leave it blank and have a disclaimer in one of the navbar's if you'd like). <br>
Editing your site name into the banner is easy. All you have to do is copy the banner (http://img181.imageshack.us/img181/1074/banner2ef8.png) into a graphics program and type your site's name into the empty space. 

<p>

The disclaimer is much the same, copy (http://img407.imageshack.us/img407/9057/disclaimer2xs9.png) it into a graphics program and type your disclaimer on the empty space. 

<p>

If you are having problems with editing the banner/disclaimer with a graphics program, I would be more than happy to help. Contact me back on Aiiro and I'll walk you through it/edit it for you. ^^


<!--CONTENT ENDS HERE-->

<!--RIGHT NAVBAR STARTS HERE-->

</td>
<td valign="top" id="rightbg" class="rightlink">

<div id="h3">AFFILIATES</div>

<table cellspacing="0" cellpadding="0" border="0">
<tr><td valign="top" align="center" id="rightnav" colspan="1">  

<a href="">Affiliate</a>
<a href="">Affiliate</a>
<a href="">Affiliate</a>
<a href="">Affiliate</a>
<a href="">Affiliate</a>

</td></tr></table>

<div id="h3">HEADER</div>

<table cellspacing="0" cellpadding="0" border="0">
<tr><td valign="top" align="center" id="rightnav" colspan="1">

<a href="">Link</a>
<a href="">Link</a>
<a href="">Link</a>
<a href="">Link</a>
<a href="">Link</a>

</td></tr></table>

<table cellspacing="0" cellpadding="0" border="0">

<div id="h3">HEADER</div>

<tr><td valign="top" align="center" id="rightnav" colspan="1">

<a href="">Link</a>
<a href="">Link</a>
<a href="">Link</a>
<a href="">Link</a>
<a href="">Link</a>

</td></tr></table>

<!--PLEASE DO NOT REMOVE THE CREDITS-->

<div id="h3">Layout By:</div>

<table cellspacing="0" cellpadding="0" border="0">
<tr><td valign="top" align="center" id="rightnav" colspan="1">

<a href="http://www.aiiro.eeveeshq.com" target="_blank"><img src="http://i178.photobucket.com/albums/w256/Shady-001/Aiiro/mlinkbutton6.png" border="0"></a>

</td></tr></table>

<p><p>

</td></tr>

<!--RIGHT NAVBAR ENDS HERE-->

<!--DISCLAIMER STARTS HERE-->

<tr><td valign="top" id="disclaimer" colspan="3">
DISCLAIMER TEXT HERE
</td></tr>

<!--DISCLAIMER ENDS HERE-->

</table>
</p>
</body>

</html>
Please do not remove the 'Layout By:' credits in the right navbar.
AFFILIATES
Affiliate Affiliate Affiliate Affiliate Affiliate
HEADER
Link Link Link Link Link
HEADER
Link Link Link Link Link
Layout By:
DISCLAIMER TEXT HERE