Free Layout #1

Well, yes, it's a very simple-colored layout but I leave the coloring to your liking and preference. About the layout it self, it's not that simple but basic knowledge of HTML and CSS will be enough to edit it, I tried to put it in the simplest way I could. Anyway, if you do use this layout, please send me an e-mail; I always like to know who's using my layouts.

The Code

<html>
<head>
<title>The Sun Shrine - Free Layout #1</title>

body {
color:#000000;
background-color:#FFFFFF;
font-family:times new roman; 
font-size:12px;
text-align:justify;
}

h3 {
background-color:#000000;
color:#4F4F4F;
font-family:times new roman;
padding:1px;
text-align:center;
}

h1 {
font-family:times new roman;
text-align:center;
}

textarea {
background-color:FFFFFF;
border: 1px solidd #000000;
font-family:courier;
font-size:10px
}

img {
border:0px;
}

#banner {
background:url(IMAGE URL HERE);
background-repeat:no-repeat 
text-align:center; 
width: IMAGE WIDTH HERE;
height: IMAGE HEIGHT HERE;
}

div#content {
text-align:justify;
background-color:#FFFFFF;
padding:5px;
margin:auto;
width:67%;
}

a { 
text-decoration:underline; 
}

a:link { 
color:#4F4F4F; 
}

a:visited {
color:#4F4F4F; 
}

a:active { 
color:#4F4F4F; 
}

a:hover { 
color:000000;
text-decoration: underline
}

#left-nav { 
width: 15%;
float:left;
background-color:#4F4F4F;
}

#left-nav ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: times new roman;
}

#left-nav a
{
display: block;
padding: 3px;
width: 96%;
background-color:#4F4F4F;
text-decoration: none;
}

#left-nav a:link, #navlist a:visited
{
color: #FFFFFF;
}

#left-nav a:hover
{
background-color:#FFFFFF;
color: #000000;
text-decoration: none;
}

#right-nav { 
width: 15%; 
float:right;
background-color:#4F4F4F;
}

#right-nav ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: times new roman;
}

#right-nav a
{
display: block;
padding: 3px;
width: 96%;
background-color:#4F4F4F;
text-decoration: none;
}

#right-nav a:link, #navlist a:visited
{
color: #FFFFFF;
}

#right-nav a:hover
{
background-color:#FFFFFF;
color:#000000;
text-decoration: none;
}

div#footer {
width:67%;
margin:auto;
border-top:1px solid #4F4F4F;
background-color:#FFFFFF;
padding:5px;
}

</style>
</head>

<body>

<div id="banner"></div>

<br>

<div id="left-nav"><ul id="navlist">
<h3>Section Name Here</h3>
<li><a href="page url here">Page Name Here</a></li>
<li><a href="page url here">Page Name Here</a></li>
<li><a href="page url here">Page Name Here</a></li>
<li><a href="page url here">Page Name Here</a></li>
<li><a href="page url here">Page Name Here</a></li>

<h3>Section Name Here</h3>
<li><a href="page url herel">Page Name Here</a></li>
<li><a href="page url here">Page Name Here</a></li>
<li><a href="page url here">Page Name Here</a></li>
<li><a href="page url here">Page Name Here</a></li>
<li><a href="page url here">Page Name Here</a></li>
<li><a href="page url here">Page Name Here</a></li>
<li><a href="page url here">Page Name Here</a></li>

<h3>Section Name Here</h3>
<li><a href="page url here">Page Name Here</a></li>
<li><a href="page url here">Page Name Here</a></li>
<li><a href="page url here">Page Name Here</a></li>
</ul></div>

<div id="right-nav"><ul id="navlist">

<h3>Affiliates</h3>
<li><a href="affiliate url here"><img src="button url here"></a></li>
<li><a href="affiliate url here"><img src="button url here"></a></li>
<li><a href="affiliate url here"><img src="button url here"></a></li>

<h3>Other Stuff</h3>
<li><a href="page url here">Page Name Here</a></li>
<li><a href="page url here">Page Name Here</a></li>
<li><a href="page url here">Page Name Here</a></li>
<li><a href="page url here">Page Name Here</a></li>
<li><a href="page url here">Page Name Here</a></li>
<li><a href="page url here">Page Name Here</a></li>
<li><a href="page url here">Page Name Here</a></li>

<h3>Layout By</h3>
<li><a href="http://www.sunshrine.eeveeshq.com"><img src="http://www.sunshrine.eeveeshq.com/images/buttons/88x16/entei.png"></a></li>

</ul></div>

<h1>Free Layout #1</h1>

Put your content in here =D</div>

<br><br><br>
<div id="footer">Put your disclaimer and legal stuff or whatever here.</div>

</body>

</html>