Content Header

Welcome to the simple fixed-width, centered DIV layout! On this template, you can edit colors, images, fonts, and other things. This is just to provide you with an easy editable template so that you can make your own custom layouts. All I ask is that you leave the link back in the navigation. Thanks, and enjoy!

The Code

<html><head>
<title>your title here!</title>
<style>

/*edit the properties of the page as a whole*/

body
{ font-family: Verdana;
color: #000000;
font-size: 10px;
background-color: #5a5a5a;
}

/*edit the link properties*/

a:link, a:visited {
text-decoration:underline;
color:#000000;
}

a:active, a:hover {
text-decoration:underline;
color:#ffffff;
}

/*this controls the whole layout. editing it's width will mess it up majorly. also centers layout*/

#layout {
background-color: #ffffff;
width: 700px;
margin: auto;
}

#container {
border: 0px solid #000000;
width: 585px;
float: left;
margin: auto;
}

/*edit the content properties*/

#content {
background-color: #c4c4c4;
border: 0px solid #000000;
width: 460px;
float: right;
margin: auto;
}

/*edit the left nav properties*/

#navigation {
background-color: #c4c4c4;
border: 0px solid #000000;
width: 120px;
float: left;
margin: auto;
}

/*edit the right nav properties*/

#navigation2 {
background-color: #c4c4c4;
border: 0px solid #000000;
width: 110px;
float: right;
text-align: right;
margin: auto;
}

/*edit your banner properties*/

#banner {
background-color: #5a5a5a;
background-image: url();
height: #px;
color: #ffffff;
margin: auto;
width: 700px;
text-align: center;
}

/*edit your header properties for the content*/

h1 {
	background-color: #ffffff;
	color: #000000;
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	margin: 0;

}

/*edit your header properties for the navs*/

h2 {
	background-color: #ffffff;
	color: #000000;
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	margin: 0;

}

</style>
</head><body>
<div id="layout">

<div id="banner">
Put your banner here!<br><br></div>

<div id="navigation">
<!--Left menu starts here--!>
<h2>Category</h2>
<a href=#>Link</a><br>
<a href=#>Link</a><br>
<a href=#>Link</a><br>
<a href=#>Link</a><br>
<a href=#>Link</a>
<h2>Category</h2>
<a href=#>Link</a><br>

<a href=#>Link</a><br>
<a href=#>Link</a><br>
<a href=#>Link</a><br>
<a href=#>Link</a>
<h2>Category</h2>
<a href=#>Link</a><br>
<a href=#>Link</a><br>
<a href=#>Link</a><br>
<a href=#>Link</a><br>

<div id="content">
<!--Content starts here--!>
<h1>Content Header</h1>
Welcome to the simple fixed-width, centered DIV layout! On this template, you can edit colors, images, fonts, and other things. This is just to provide you with an easy editable template so that you can make your own custom layouts. All I ask is that you leave the link back in the navigation. Thanks, and enjoy!</div></div>
<!--Content ends here--!>

<div id="navigation2">
<!--Right menu starts here--!>
<h2>Category</h2>

<a href=#>Link</a><br>
<a href=#>Link</a><br>
<a href=#>Link</a><br>
<a href=#>Link</a><br>
<a href=#>Link</a>
<h2>Category</h2>
<a href=#>Link</a><br>
<a href=#>Link</a><br>
<a href=#>Link</a><br>

<a href=#>Link</a><br>
<a href=#>Link</a>
<h2>Category</h2>
<a href=#>Link</a><br>
<a href=#>Link</a><br>
<a href=#>Link</a><br>
<a href=#>Link</a><br>
<a href=#>Link</a><br>
<!--do NOT remove link back--!>

<h1>Template By:</h1>
<center><a target=_blank href=http://jenviousity.com>Jenviousity</a></center>
<!--Right menu ends here--!>
</div>
</div>
</body></html>