One Harry Potter Website layout - 3/28/09
<table border='0' cellpadding='0' cellspacing='0' width='100%'> <tr> <td valign='top' width='100%'><font color="white"><style type="text/css" /> body{background:#b4a497 url(hpbg2.jpg) repeat-y; scrollbar-face-color: #114548; scrollbar-track-color: #289DA4; scrollbar-highlight-color: #289DA4; scrollbar-shadow-color: #114548; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #000000; scrollbar-arrow-color: #289DA4; } A:link{COLOR:#b4a497; TEXT-DECORATION: none} A:visited{COLOR:#b4a497; TEXT-DECORATION:none } A:HOVER {COLOR:#b4a497; TEXT-DECORATION:UNDERLINE} td,p,body{color:#ffffff;font:8pt verdana} #header, #footer, .sidebar, {display:none} #n, td, table { background: transparent; } #main {border:none; background:none; width:500px; float:left; padding-top:310px; padding-left:95px;} .header {color:#b4a497; padding:2px; font-weight:bold; text-transform:uppercase; text-align:center; font-size:20px; text-transform:uppercase; font-family:courier new; background-color:#b4a497; } </style /> <div style="position:absolute; top:0px; left:0px;"><img src="hplayout2.png"></div> <div style="position:absolute; top:520px; left:110px; width:210px;"> <div class="header">Navigation</div> <a href="http//www.shatteredx.com">Home</a> <br> <a href="http://www.shattered-.tk">Link</a> <br> <a href="http://www.shattered-.tk">Link</a> <br> <a href="http://www.shattered-.tkl">Link</a> <br> <a href="http://www.shattered-.tk">Link</a> <br> <a href="http://www.shattered-.tk">Link</a> <br> <a href="http://www.shattered-.tk">Link</a> <br> <a href="http://www.shattered-.tk">Link</a> <br> <a href="http://www.shattered-.tk">Link</a> <p> <div class="header">Credits</div> Layout and Code thanks to <a href="http://www.neopets.com/userlookup.phtml?user=hobbitsarecool">Hobbitsarecool</a> at <a href="http://www.neopets.com/~Sugardrop_1678">Shattered</a></b> </div> <div style="position:absolute; top:500px; left:347px; width:500px;"> <p class="header">Header 1</p> <b>Blah</b> Blah <p> <b>Blah</b> Blah <p> <p> <p class="header">Header 2</p> <b>Blah</b> Blah <p> <b>Blah</b> Blah <p> <p class="header">Header 3</p> <b>Blah</b> Blah <p> <b>Blah</b> Blah <p> </div> </font></td> </tr>
