Neopets Theme Petpage

.nav a {color:#F9E062;display:block;border-bottom: 1px solid #FFE667;}
.nav a:hover {color:#FFFBD3;display:block;border-bottom: 1px solid #FFE667;}

#img{left: 0px;top: 0px;}
#links{left: 82px; top:1px; width:165px; overflow: hidden;}
#cont{left: 250px; top:436px; width:397px; overflow: hidden;}
</style >
<img src="http://www.majhost.com/gallery/kmilogatos/PSD/imgtpffhsppsd.png" id="img" width="669" height="444" style="position:absolute;" >
<div id="links" style="position:absolute;" >
<h2>Nav</h2>
<div class="nav">
<a href="myaccount.phtml">My Account</a>
<a  href="petcentral.phtml">Pet Central</a>
<a  href="explore.phtml">Explore</a>
<a href="games/arcade.phtml">Games</a>
<a href="neoboards/index.phtml">Boards</a>
<a  href="objects.phtml">Shops</a>
<a href="~wii708">Soft-dreams</a>
</div>
<h2>Menu Header</h2>
Texto-texto-texto-texto-
texto-texto-texto-texto-
texto-texto-texto-texto-
texto-texto-texto-texto-
texto-texto-texto-texto-
texto-texto-texto-texto-
texto-texto-texto-texto-
texto-texto-texto-texto-
texto-texto-texto-texto-
texto-texto-texto-texto-
texto-texto-texto-texto-
texto-texto-texto-texto.
</div>
<div id="cont" style="position:absolute;" >
<h1>Header 01</h1>
<u> Underline </u> <i> Italic </i> <b> Bold </b> <a href=> Link </a>
<h1>Header 02</h1>
Texto-texto-texto-texto-texto-texto-texto-texto-texto-
texto-texto-texto-texto-texto-texto-texto-texto-texto-texto-
texto-texto-texto-texto-texto-texto-texto-texto-texto-texto-
texto-texto-texto-texto-texto-texto-texto-texto-texto-texto-
texto-texto-texto-texto-texto-texto-texto-texto-texto-texto-
<h1>Neopets dice</h1>

<div id="cont" style="position:absolute;" ><h1>Welcome</h1><br>
texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto <br>

texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto

<br>

<b>negrita</b> <i>italica</i> <u>cursiva</u> <a href="url">link</a>
<br><h1>Creditos neopets</h1>

BODY {
scrollbar-arrow-color:#6b6b6b;
scrollbar-3dlight-color: #6CB0BD;
scrollbar-darkshadow-color: #6CB0BD;
scrollbar-face-color: #6CB0BD;
scrollbar-highlight-color: #6CB0BD;
scrollbar-shadow-color: #6CB0BD;
scrollbar-track-color: #6CB0BD; }

body, td, font, p, i
{color: #6b6b6b; font: 8pt century gothic;}
table, td{display:none}

#Nav a {color:white;font-size:10px;text-align:center;border-bottom: 1px solid #a4a4a4;background-color:#6b6b6b;width:100px;text-decoration:none;display:block}
#Nav a:hover{color:white;text-align:center;background-color:#4c4c4c;border-bottom: 1px solid #6CB0BD}

A:link, A:visited, A:active
{color: #719529;font-size: 8pt;text-decoration: none;}
a:hover
{color: black;background-color:#6b6b6b}

i{color: #0793A9;font-style:italic;}
u{color: black;}
b{color: black;font-weight:normal;background-color:#a4a4a4}
#navi a {font-size:20pt;}
#neo{font-size:1pt;color:#EBEBEB}

h1
{font-size:10pt;letter-spacing:5; color:white;font-weight:normal;text-align:left;border-bottom: 3px dotted #6cb0bc;background-color:#6b6b6b}
</style />

</div>
<div style="position: absolute; width: 100px; height: auto; z-index: 2; left: 560px; top: 555px" id="Nav">
<a href=/myaccount.phtml>Cuenta</a>
<a href=/petcentral.phtml>Central</a>
<a href=/explore.phtml>Explorar</a>
<a href=/games/arcade.phtml>Juegos</a>
<a href=/neoboards/index.phtml>Foros</a>
<a href=/objects.phtml>Tiendas</a>
<a href=/nf.phtml>Noticias</a>
<a href="/~wii708">Créditos</a>
</div>
<div style="position: absolute; width: 482px; height: auto; z-index: 1; left: 65px; top: 554px;overflow:auto" id="info">
<h1>Título</h1>
<b>Negrita</b> <i>Cursiva</i> <u>Subrayado</u> <a href="neopets.com">Link</a><br>
TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO
TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO
TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO
TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO
<p>

#img{left: 0px; top: 0px;}
#links{left: 591px; top:62px; width:385px; height:16px; overflow: hidden;}
#cont{left: 580px; top:90px; width: 384px; height:480px; overflow: auto;}

</style >
<img src="http://img153.imageshack.us/img153/9554/petpagesoftdreamshelu.png" id="img"  style="position:absolute;">

<div id="links" style="position:absolute;" >
<a href="myaccount.phtml">My Account</a>
<a  href="petcentral.phtml">Pet Central</a>
<a  href="explore.phtml">Explore</a>
<a href="games/arcade.phtml">Games</a>
<a href="neoboards/index.phtml">Boards</a>
<a  href="objects.phtml">Shops</a>
<a href="~wii708">Soft-dreams</a>
</div>

<h2>Titulo 1</h2>
texto <b>bold</b> <i>italic</i> <u>underline</u> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto <a href="http://www.neopets.com/" target="_blank">Nombre del link</a>

<h2>Titulo 2</h2>
texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto