About the Layout

This layout is a simple div layers with lots of css style. It took me two hours to code and make the graphics. :) I really like it. I couldn't decide between making it a petpage or a weblayout, but decided we didn't have any weblayouts being made recently so went with this. It can easily be used as a petpage if you just change the ng link to the petpage and getting rid of imput.

Credits

You must keep the credit to NeopetsGuide on the layout. Even if you change the images or edit the coding, it is still my coding so you must link back to NeopetsGuide.com.

Style Effects

Bold
Underlined
Itlaics

Code

<style type="text/css"> body{background-image:url(http://i162.photobucket.com/albums/t259/neopetsguide03/weblayouts/6-2-1.png); background-repeat: repeat-y;} body { cursor: crosshair; color : #000000; font-family : arial, sans-serif; font-size : 11px; line-height : 12px; SCROLLBAR-ARROW-COLOR: #0A5BF4; SCROLLBAR-BASE-COLOR: #0A5BF4; SCROLLBAR-FACE-COLOR: #6C9CF8; SCROLLBAR-HIGHLIGHT-COLOR: #0A5BF4; SCROLLBAR-SHADOW-COLOR: #0A5BF4; SCROLLBAR-3DLIGHT-COLOR: #0A5BF4; SCROLLBAR-TRACK-COLOR: #0A5BF4; SCROLLBAR-DARKSHADOW-COLOR: #0A5BF4; } a, a:link , A:visited { color : #0A5BF4; text-decoration : none; } A:active, A:hover { color : #0A5BF4; background-color: #6C9CF8; text-decoration : none; cursor: move; } b, strong { color : #0A5BF4; text-decoration : none; } u { color : #0A5BF4; background-color: #6C9CF8; text-decoration: none; } i { color : #0A5BF4; text-decoration : none; font-weight : bold; } h1 { font-family : arial, serif; font-size : 12px; background-color : #67BF56; color : #0A5BF4; letter-spacing : 2; text-align : right; text-transform : lowercase; padding: 4px; border-left: 20px #0A5BF4 solid; } h2 { font-family : arial, serif; font-size : 11px; background-color : #0A5BF4; color : #FFFFFF; letter-spacing : 4; text-align : left; padding: 1px; border-bottom: 1px #FFFFFF dotted; } input , textarea { background : #6C9CF8; font-family : arial, serif; font-size : 10px; font-weight : normal; color : #000000; border-width : 1px; border-style : solid; border-color : #0A5BF4; }< </style> <img class="ng" src="http://i162.photobucket.com/albums/t259/neopetsguide03/weblayouts/6-1.png" style="position:absolute;top:0;left:0" width="800" height="600"> <div style="position:absolute;left:29;top:10;width:175"> <div class="navigation"> <h1>Site</h1> <a href="#">Link Here</a><br> <a href="#">Link Here</a><br> <a href="#">Link Here</a><br> <a href="#">Link Here</a><br> <a href="#">Link Here</a><br> <a href="#">Link Here</a><br> <a href="#">Link Here</a><br> <h1>Graphics</h1> <a href="#">Link Here</a><br> <a href="#">Link Here</a><br> <a href="#">Link Here</a><br> <a href="#">Link Here</a><br> <a href="#">Link Here</a><br> <a href="#">Link Here</a><br> <a href="#">Link Here</a><br> <h1>Tutorials</h1> <a href="#">Link Here</a><br> <a href="#">Link Here</a><br> <a href="#">Link Here</a><br> <a href="#">Link Here</a><br> <a href="#">Link Here</a><br> <a href="#">Link Here</a><br> <a href="#">Link Here</a><br> <h1>Credits</h1> Layout By: <a href="http://neopetsguide.com" target="_blank">NeopetsGuide.com</a><br> Some Images: <a href="http://neopets.com">Neopets.com</a><br> </div> </div> <div style="position:absolute;left:234;top:525px;width:540"> <h1>About the Layout</h1> This layout is a simple div layers with lots of css style. It took me two hours to code and make the graphics. :) I really like it. I couldn't decide between making it a petpage or a weblayout, but decided we didn't have any weblayouts being made recently so went with this. It can easily be used as a petpage if you just change the ng link to the petpage and getting rid of imput.<p> <h2>Credits</h2> You must keep the credit to NeopetsGuide on the layout. Even if you change the images or edit the coding, it is still my coding so you must link back to NeopetsGuide.com.<p> <h2>Style Effects</h2> <b>Bold</b><br> <u>Underlined</u><br> <i>Itlaics</i><p> <h2>Header 2</h2> More text<p> More text<p> More text<p> More text<p> More text<p> More text<p> More text<p> More text<p> More text<p> More text<p> </div>