Drifting Designs | Version 12 | d-designs.skyefairy.net

<html> <head> <title>Hogwarts</title> </head> <body> <style type="text/css"> body {scrollbar-arrow-color: #FFFFFF; scrollbar-track-color: #336699; scrollbar-face-color: #003333; scrollbar-highlight-color: #3399CC; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #000000; scrollbar-shadow-color: #003366} font, body, td, input {color: "#000000"; font: 8pt verdana;} hr {color: #003333; width: 40%;} A:link {color:"#003366"; text-decoration:underline;} A:active {color:"#003366"; text-decoration:none;} A:visited {color:"003366"; text-decoration:none;} A:hover {color:"#FFFFFF"; text-decoration:underline overline;} p.head {text-align: left; font-weight:bold; color: #FFFFFF; font-family: Georgia; font-size:10pt; background-color:#003333; border:1 solid; border-color:#000000; } </style> </head> <body> <body bgcolor="#003333">  <div style="position: absolute; left: 50px; top: 25px;"> <table border="0" width="900px" height="553px" background="http://i47.photobucket.com/albums/f168/nightly_drifting/Layouts/tableslayout2.jpg" style="background- attachment: fixed; background-repeat: no-repeat;" cellpadding="0" cellspacing="0"> <tr> <td height="100px"></td> </tr> <tr> <td height="353px" width="75px"></td> <td height="353px" width="235px"> <div style="height: 353px; width: 235px; overflow: auto;"> <p><p class="head"> |Navigation| </p> <br> <a href="url_of_your_page" title="Your Title">Link</a> || <a href="url_of_your_page" title="Your Title">Link</a> || <a href="url_of_your_page" title="Your Title">Link</a> || <a href="url_of_your_page" title="Your Title">Link</a> || <a href="url_of_your_page" title="Your Title">Link</a> || <a href="url_of_your_page" title="Your Title">Link</a> || <a href="url_of_your_page" title="Your Title">Link</a> || <a href="url_of_your_page" title="Your Title">Link</a> || <a href="url_of_your_page" title="Your Title">Link</a> <br> <br> <p><p class="head">Instructions on how to use: </p> <br> Replace all the text here with your own text (updates and such). Insert the HTML code into the HTML Editor of your website. Above is the Navigation Bar. Replace where it says "Link" with your actual links. <br> <br> <p><p class="head">Note:</p> I made this layout using Notepad. This is a Tables layout, meaning that things here are organized in cells, each given a specified width and height. This graphic depicts Hogwarts from Harry Potter, and I believe it to be the scene from the first movie, called The Sorceror's Stone. =) It's from the scene when they first arrive to Hogwarts. Anyway, if you want, you can change the CSS style sheets; however, I ask that you leave the link back to Drifting Designs where it is below. Thanks! <br> <br> If you have any questions regarding how to use the layout, you are very welcome to e-mail me at <a href="maito:nightly_drifting@yahoo.com">nightly_drifting@yahoo.com</a>. <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <hr> <center> Layout by <a href="http://www.freewebs.com/driftingdesigns" target="_blank" title="Drifting Designs">Drifting Designs</a>. </center> </div> </td> <td height="353px" width="590"></td> </tr> <tr> <td height="100px"></td> </tr> </table> </div> </body> </html>