Site Name

Content Header

This is a DIV layout template, not a Table one. Feel free to use this layout on your site, but please keep a link back to Umbreon's Palace. You may move the one in the navigation to the disclaimer or a credits page.

Editing the layout

You can edit this layout how you want it in the CSS. Try to only edit the links and the CSS, or else the layout may break. ;) If there are any issues regarding editing the layout, or the layout itself, please don't hesitate to contact me.

The Code

a:link, a:visited, a:active {
color: #333333;
text-decoration: none;
}

a:hover {
color: #666666;
text-decoration: underline;
}

body {
color: #000000;
font-family: Arial;
font-size: 11px;
background-color: #cccccc;
text-align: center; 
}

#banner { 
font-family: Arial;
color: #000000;
width:800px;
height:150px;
font-size: 15px;
background-color: #777777;
background-image: url('Banner URL');
text-align: center;
}

#leftmenu { 
font-family: Arial;
color: #000000;
background-color: #888888;
background-image: url(' ');
text-align: left;
border: 0px solid #000000;
width:115px;
float: left;
}

#content { 
font-family: Arial;
color: #000000;
font-size: 11px;
background-color: #ffffff;
background-image: url(' ');
border: 0px solid #000000;
width: 566px;
margin: 2px;
float: left;
}

#rightmenu { 
font-family: Arial;
color: #000000;
background-color: #888888;
background-image: url(' ');
text-align: right;
width:115px;
float: left;
}

#disclaimer { 
font-family: Arial;
color: #ffffff;
width:800px;
height:55px;
background-color: #777777;
background-image: url('Disclaimer Background URL delete if none');
text-align:center;
clear: both;
}

#flow {
width: 800px;
text-align: center;
background: #888888;
margin: auto; }

h1 {
font-family: Arial; 
font-size: 12px; 
color: #ffffff; 
font-weight: bold; 
text-align: center; 
background-color: #666666; 
margin:2px;
}

h2 {
font-family: Arial; 
font-size: 12px; 
color: #ffffff; 
font-weight: bold; 
text-align: center; 
background-color: #666666;
margin:3px;
}

</style>
</head>
<body>
<div id="flow">
<div id="banner"></div>

<div id="leftmenu">
<h1>Header</h1>
<a href="#">Links go here</a><br>
<a href="#">Links go here</a><br>
<a href="#">Links go here</a><br>
<a href="#">Links go here</a><br>
<a href="#">Links go here</a>

<h1>Header</h1>
<a href="#">Links go here</a><br>
<a href="#">Links go here</a><br>
<a href="#">Links go here</a><br>
<a href="#">Links go here</a><br>
<a href="#">Links go here</a>

<h1>Header</h1>
<a href="#">Links go here</a>
</div>

<h2>Content Header</h2>
This is a DIV layout template, not a Table one. Feel free to use this layout on your site, but <b>please</b> keep a link back to <a href="http://www.umbreonspalace.theforestmanor.com">Umbreon's Palace</a>. You may move the one in the navigation to the disclaimer or a credits page.

<h2>Editing the layout</h2>
You can edit this layout how you want it in the CSS. Try to only edit the links and the CSS, or else the layout may break. ;) If there are any issues regarding editing the layout, or the layout itself, please don't hesitate to <a href="http://www.umbreonspalace.theforestmanor.com/contact.php">contact me</a>.

</div>

<h1>Header</h1>
<a href="#">Links go here</a><br>
<a href="#">Links go here</a><br>
<a href="#">Links go here</a><br>
<a href="#">Links go here</a><br>
<a href="#">Links go here</a>

<h2>Template By</h2>
<a href="http://www.umbreonspalace.theforestmanor.com">Umbreon's Palace</a><br>

</div>

Site Name is (c) Your Name etc. etc. Put whatever you want to be in your disclaimer here.

</div>

</body>
</html>