Preview:
HTML CODE:<style /> body {background:url('http://s368.photobucket.com/albums/oo125/JesseNeo/ppage/summer/s1.png'); font-family:georgia; font-face:georgia; font-size:12px; font-color:#000000; } h1 { color:#FFFFFF; font-family:century gothic; font-face:century gothic; letter-spacing:5px; font-size:30px; } h2 { color:#000000; font-family:verdana; font-face:verdana; letter-spacing:3px; font-size:10px; border-bottom:5px #FFFFFF dotted; } h3 { color:#FFFFFF; border-bottom, border-top:1px #FFD4A5 solid; font-family:georgia; font-face:georgia; font-style:italic; font-size:25px; background-color:#000000; letter-spacing:-3px; text-transform:lowercase; } a:visited, a:link, a:active { color:#FCB071; font-family:georgia; font-face:georgia; font-style:italic; } a:hover { color:#FFFFFF; font-family:georgia; font-face:georgia; font-style:italic; } a.nav:visited, a.nav:link, a.nav:active { background:url('http://s368.photobucket.com/albums/oo125/JesseNeo/ppage/summer/nav1-1.png'); display:box; border:#000000 1px solid; width:191px; height:12px; font-family:verdana; font-face:verdana; font-size:10px; color:#000000;} body { scrollbar-face-color: #000000; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-arrow-color: #000000; scrollbar-track-color: #FFFFFF; } a.nav:hover { background:url('http://s368.photobucket.com/albums/oo125/JesseNeo/ppage/summer/nav2-1.png'); display:box; border:#000000 1px solid; width:191px; height:12px; font-family:verdana; font-face:verdana; font-size:10px; color:#000000; } #title { background:none; position:absolute; width:660px; height:42px; border:none; top:100px; left:370px; } #others { background:url('http://s368.photobucket.com/albums/oo125/JesseNeo/ppage/summer/s2copy.png'); position:absolute; width:191px; height:600px; border:1px solid #000000; top:240px; left:120px; } #contents { background:url('http://s368.photobucket.com/albums/oo125/JesseNeo/ppage/summer/s3.png'); position:absolute; width:768px; height:675px; border:1px solid #000000; top:165px; left:314px; } #tandc { background:url('http://s368.photobucket.com/albums/oo125/JesseNeo/ppage/summer/s4.png'); position:absolute; width:200px; height:200px; border:#1px solid #000000; top:75px; left:1150px; } </style /> <img src="http://s368.photobucket.com/albums/oo125/JesseNeo/ppage/summer/summer.png" style="position:absolute; top:50px; left:100px;"> <div id="title"> <marquee><h1> Name of your site </h1> </marquee> </div> <div id="others"> <h2>Main</h2> <a href="http://neopets.com/" class="nav">Neopets</a><br /> <a href="http://neopets.com/myaccount.phtml/" class="nav">Control Panel</a><br /> <a href="http://neopets.com/petcentral.phtml/" class="nav">Pet Central</a><br /> <a href="http://neopets.com/explore.phtml/" class="nav"> Explore</a><br /> <a href="http://neopets.com/games/arcade.phtml/" class="nav">Games</a><br /> <a href="http://neopets.com/neoboards/index.phtml" class="nav">Neoboards</a><br /> <a href="http://neopets.com/objects.phtml" class="nav">Shops</a><br /> <a href="http://neopets.com/nf.phtml" class="nav">News</a><br /> <a href="http://neopets.com/video/index.phtml" class="nav">Neovision</a><br /> <a href="http://neopets.com/mall/index.phtml" class="nav">NC Mall</a><br /> <h2>Other Links</h2> <a href="neopets.com/" class="nav">LINK1</a> <a href="neopets.com/" class="nav">LINK2</a> <a href="neopets.com/" class="nav">LINK3</a> </div> <div id="contents"> <h3>MAIN HEADER</h3> blargg <a href="http://www.neopets.com/">LINK</a> </div> <div id="tandc">
