Website Layouts

Underwater Mysteries

<html> <title>Your Title Here</title> <head> <style type="text/css"> .menutitle{ cursor:crosshair; color:#5b5325; padding:1px; text-align:center; font-size: 22px; font-family: century gothic; text-align: left; } .submenu{ margin-bottom: 0.5em; text-align: left; } </style> <style type="text/css"> body { FONT: 12px verdana; COLOR: #669933; background-image: url('http://i219.photobucket.com/albums/cc307/HHRooster/reppeatingg.png'); background-color: #e2ffe2; background-repeat: repeat-y; } A:link, A:visited, A:active{ color:#3cd3de; text-decoration:none; font-size: 24px; cursor: crosshair; } A:hover{ text-decoration:none; border-bottom: 1px solid #003399; } H1 { color: #ffffff; background-color: #81e4eb; border-bottom: 3px dashed #003399; font-size:21pt; text-align: center; font-family: impact; font-weight: normal; letter-spacing: 3px; } H2 { color: #ffae1e; font-size:20pt; text-align: left; font-family: century gothic; font-weight: normal; margin-bottom: -1px; } .sidebar2 { position: absolute; top:40px; width:150px; left:120px; } .sidebar3 { position: absolute; top:275px; width:150px; left:0px; } .content { position: absolute; top:400px; width:440px; left: 400px; text-align:justify; padding: 8px; } .fullpic { position: absolute; top: 1000px; width: 20px; left: 40px; height: 20px; } .header { position: absolute; left: 0px; top: 0px; width: 1107px; height: 1024px; background: transparent url('http://i219.photobucket.com/albums/cc307/HHRooster/snow_underwatermysteriesback.png') top left no-repeat; border: 0px; } b { letter-spacing: -1px; color: #00b5c2; font-size: 15px; } i{ color: #000000; font-size: 13px; } u{ color: #003399; border-bottom: 1px solid #000000; text-decoration: none; font-size: 13px; } textarea{ width: 200px; height: 30px; background-color: #ffae1e; text-color: #b163e8; font: 10px verdana; } </style> <div class="header"></div> <div class="content"> <h1>Header 1</h1> <h2>Header 2</h2> This is your content box. The header 1, and 2 correspond to the html. Header 1 is < h1 > and so on. Hope you like! <b>Bold</b> <i>Italic</i> <u>Underlined</u> <p> </div> <div class="sidebar2"> <div id="masterdiv"> <a href="http://hhrooster.webs.com/index.shtml">Link</a><br> <a href="http://hhrooster.webs.com/index.shtml">Link</a><br> <a href="http://hhrooster.webs.com/index.shtml">Link</a><br> <a href="http://hhrooster.webs.com/index.shtml">Link</a><br> <a href="http://hhrooster.webs.com/index.shtml">Link</a><br> <a href="http://hhrooster.webs.com/index.shtml">Link</a><br> <a href="http://hhrooster.webs.com/index.shtml">Link</a><br> <a href="http://hhrooster.webs.com/index.shtml">Link</a> </div> <div class="sidebar3"> <h2>Header 2</h2> Links, affies, or whatever <p> <h2>Header 2</h2> Links, affies, or whatever <p> <b>Stats</b> <p> Affiliation: Open <br> Requests: Open <p> <b>SOTM</b> <p> SOTM HERE <p><br> </div> <div class="fullpic"> </div> </html>

Website Layouts

Underwater Mysteries

About...

Friends