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

<html> <head> <title>Home</title> </head> <body> <style> A:link {text-decoration: none; font-weight: bold; color:"#663300"} A:visited {text-decoration: none; font-weight: bold; color:"#663300"} A:hover {text-decoration: underline overline; font-weight: bold; color:"#666330"} </style> <STYLE type="text/css">BODY { scrollbar-face-color: #CC9933; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #996600; scrollbar-shadow-color: #999999; scrollbar-darkshadow-color: #666633; scrollbar-track-color: #999966; scrollbar-arrow-color: #000000; } hr {color="#663300"} </STYLE> <body bgcolor="#CC9900"> <div style="position: absolute; top: 20px; left: 55px;"> <table border="0" align="center" width="700" cellpadding="0" cellspacing="0"> <tr> <td width="700px" height="300px"> <DIV id=layer1 style="BACKGROUND-COLOR: #CC9900; WIDTH: 700px;layer-background-color: #CC9900;"> <center> <img src="http://i47.photobucket.com/albums/f168/nightly_drifting/Layouts/2divlayout2.png" galleryimg="no" border="1"> </center> </DIV> </td> <td width="50px" rowspan="5"> </td> <td width="150px" rowspan="5"> <DIV id=layer3 style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BACKGROUND-COLOR: #CCCC99; BORDER-LEFT: #000000 1px solid; WIDTH: 150px; height: 880px; overflow: auto; BORDER-BOTTOM: #000000 1px solid; layer-background-color: #000000;"> <table border="0" cellpadding="10"> <tr> <td> <font color="#6B4418" face="Garamond, Verdana, Times New Roman, Arial, Serif" size="3"> Write what you want here. You can put calendars, polls, etc. Or, you can use this as a navbar instead of the one on the left hand side, and turn the original navbar into a place for polls and calendars and tagboards. =) </td> </tr> </table> </div> </td> </tr> <tr> <td width="700px"><br></td> <td width="250px"><br></td> </tr> <tr> <td width="700px"> <DIV id=layer2 style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BACKGROUND-COLOR: #CCCC99; BORDER-LEFT: #000000 1px solid; WIDTH: 700px; BORDER-BOTTOM: #000000 1px solid; layer-background-color: #000000;"> <font color="#663300" face="Garamond, Verdana, Times New Roman, Arial, Serif" size="3"> <center> <font size="3"> <p> <center> <marquee behavior=scroll direction="left" scrollamount="5">Write whatever you want here.</marquee> </p> </center> </font> </DIV> </td> <td width="150"> </td> </tr> <tr> <td width="700px"><br></td> <td width="250px"><br></td> </tr> <tr> <td width="700px"> <DIV id=layer3 style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BACKGROUND-COLOR: #CCCC99; BORDER-LEFT: #000000 1px solid; WIDTH: 700px; height: 500px; overflow: auto; BORDER-BOTTOM: #000000 1px solid; layer-background-color: #000000;"> <font color="#663300" face="Garamond, Verdana, Times New Roman, Arial, Serif" size="3"> <br> <br> <br> <center> <h3>Welcome to [Name of Your Site]!</h3> </center> <table border="0" width="100%" cellpadding="10"> <tr> <td width="25%" valign="top" style="BORDER-RIGHT: #663300 2px solid;> <center> <font face="Garamond, Verdana, Times New Roman, Arial, Serif" size="3"> <font color="#6B4418"> <br> <center> <u><h4>Navigation</h4></u> <br> <br> <a href="url_of_your_page.html" title="Your Title">Link</a> <br> <br> <a href="url_of_your_page.html" title="Your Title">Link</a> <br> <br> <a href="url_of_your_page.html" title="Your Title">Link</a> <br> <br> <a href="url_of_your_page.html" title="Your Title">Link</a> <br> <br> <a href="url_of_your_page.html" title="Your Title">Link</a> <br> <br> </center> </font> <br> </td> <td width="75%" valign="top"> <font color="#663300" face="Garamond, Verdana, Times New Roman, Arial, Serif" size="3"> Instructions:<br> Insert the HTML code into the HTML Editor of your website. To your left is the Navigation Bar. Replace where it says "Link" with your actual links. Above is a marquee, where you can replace the text so that it says "Welcome to [Your Site]" or a random proverb. <br> <br> <p>Note: I made this layout using Notepad. This is a Div layout, meaning that things here are organized in divs, positioning elements, although I did use a bit of tables. It took me almost a whole hour to code all of it; my head is swimming now. :P Anyway, this layout depicts Sam from the Lord of the Rings, with the lyrics to <i>Into the West</i> faded into the upper left hand corner. 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>. </font> </td> </tr> </table> <br><br><br><br> <font face="verdana" size="2" color="#666330"> <center>Layout by <a href="http://www.freewebs.com/driftingdesigns" target="_blank">Drifting Designs</a>. Content © Your Name Here. </font> </DIV> </td> <td width="150px"> </td> </tr> </table> </div> </body> </html>