Site Name! Site Slogan!

This is a layout that takes the whole screen. It takes basic CSS Knowledge to edit.

I have a few rules on this layout:

No removing the credits
No re-using and saying it's your own!

Well here is the HTML for you:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Site Name! Site Slogan!</title> <style type="text/css"> /* This is for your background */ body { color:#000000; font-family:verdana, sans-serif; font-size:10pt; background:#FFFFFF; margin:0; padding:0; background-image: url(' '); background-position: bottom right; background-repeat: no-repeat; background-attachment: fixed; } /* Your links */ a:link, a:visited { text-decoration:underline; color:#000000; } /* Links again */ a:active, a:hover { text-decoration:underline; color:#000000; } /* Your image borders. Don't need to change this if you don't want */ img { border:0px; } /* Your banner */ #header { background-image: url(' '); text-align:center; height:200px; } /* The Quick links */ #quick { text-align:center; height:12px; background:#FFFFFF; } /* Don't change this */ #header img { margin:auto; } /* This makes your layout take the whole screen. You can change it to make it smaller if you want. */ #container { position:relative; width:100%; } /* Your content colors */ #content { margin-left:140px; margin-right:140px; padding:5px; background:#FFFFFF; } /* For your left menu */ #leftmenu { position:absolute; left:0; top:0; color:#000000; padding:5px; width:130px; text-align:left; background-image: url(''); } /* For your right menu */ #rightmenu { position:absolute; right:0; top:0; width:130px; color:#000000; padding:5px; text-align:right; background-image: url(' '); } /* Ignore this. */ #leftmenu ul, #rightmenu ul { list-style-type:none; margin:0; padding:0 5px; } </style> <link rel="shortcut icon" href="#" /> </head> <body> <div id="header"> Banner here <img src="#" alt="Site Name"> </div> <div id="container"> <div id="quick"> <b>Quick Links:</b> |<a href="#">Link</a>|<a href="#">Link</a>|<a href="#">Link</a>|<a href="#">Link</a>| </div> <div id="content"> Content here! </div> <div id="leftmenu"> <center><b>Header</b></center><br> <a href="#">Link</a></a><br> <a href="#">Link</a><br> <a href="#">Link</a><br> <a href="#">Link</a> <p> <center><b>Header</b></center><br> <a href="#">Link</a><br> <a href="#">Link</a><br> <a href="#">Link</a><br> <a href="#">Link</a><br> <a href="#">Link</a> <p> <center><b>Header</b></center></br> <a href="#">Link</a><br> <a href="#">Link</a><br> <a href="#">Link</a><br> <a href="#">Link</a><br> <a href="#">Link</a> </div> <div id="rightmenu"> <center><b>Header</b></center><br> <a href="#">Link</a></a><br> <a href="#">Link</a><br> <a href="#">Link</a><br> <a href="#">Link</a> <p> <center><b>Header</b></center><br> <a href="#">Link</a><br> <a href="#">Link</a><br> <a href="#">Link</a><br> <a href="#">Link</a><br> <a href="#">Link</a> <p> <center><b>Header</b></center></br> <a href="#">Link</a><br> <a href="#">Link</a><br> <a href="#">Link</a><br> <a href="#">Link</a><br> <a href="#">Link</a> <center>Layout Credit:</center> <a href="http://www.freewebs.com/charizardspokemonchambers/index.htm"><img src="http://i187.photobucket.com/albums/x140/millky_pojo/CPCButton2.jpg" border="0" alt="CPC" /></a> <hr> All content on (Site) is © to (Site or Name) <p> Pokemon are © to and owned by Nintendo/Game Freak/Satoshi Tajiri - 1995-2007 ©Nintendo. <p> Using content from this is site without permission from (Name) (me/webmaster) is illigal and I will know if you have used it so don't! Go write it up yourself! </div> </div> <script type="text/javascript" src="http://static.websimages.com/static/global/js/webs/usersites/escort.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="none";_uff=false;urchinTracker();}</script></body> </html>