Click here to edit your pet's page!
Click to preview!
<style type=text/css>
body {
background-color: #000000;
background-image:url(http://img.photobucket.com/albums/v72/panthersgem/sn/psl/psbgv.gif);
background-repeat: repeat-y;
background-attachment: fixed;
color: #000000;
font-family: tahoma, arial, sans-serif;
font-size: 8pt;
font-weight: normal;
line-height: 14px;
}
a:link, a:visited, a:active {
color: #808080;
font-family: tahoma, arial, sans-serif;
font-size: 8pt;
font-weight: normal;
text-decoration: none;
}
a:hover, a:hover b {
color: #EB063B;
font-family: tahoma, arial, sans-serif;
font-size: 8pt;
font-weight: normal;
text-decoration: none;
}
b, strong {
color: #EB063B;
}
em, i {
color: #c0c0c0;
}
.head {
position: absolute;
background: #000000;
left: 0px;
top: 14px;
}
.text {
width: 533px;
position: absolute;
overflow: auto;
left: 136px;
top: 374px;
}
.topl {
color: #EB063B;
font-family: "trebuchet ms", tahoma, arial, sans-serif;
font-size: 18pt;
font-weight: bold;
border-bottom: 3px solid #000000;
text-align: left;
width: 528px;
}
.sf {
color: #000000;
font-family: tahoma, arial, sans-serif;
font-size: 6pt;
font-weight: normal;
text-decoration: none;
line-height: 12px;
}
</style>
<center><div class="head"><img src="http://img.photobucket.com/albums/v72/panthersgem/sn/psl/headv.png"></div>
<div class="text"><br /><span class="topl">title</span><br /><br />
<a href="http://www.neopets.com">This is what a link looks like!</a><br />
<strong>This is bolded text!</strong><br />
<em>This is italic text!</em><br /><br /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam elit. Fusce eget libero nec leo gravida fermentum. Sed aliquam eleifend diam. Nulla rhoncus purus in ipsum. Curabitur velit lectus, gravida quis, lacinia at, vulputate eget, metus. Proin commodo. Etiam et tellus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Vestibulum sollicitudin, dolor a tincidunt gravida, ante ligula nonummy velit, at accumsan enim mi non mauris. In sed ipsum et libero porta tempor. Morbi eu velit et pede auctor accumsan. Aliquam vehicula eros a mi congue vehicula. Suspendisse non velit vitae mi consequat malesuada. Curabitur molestie feugiat elit. Maecenas fringilla commodo magna. <br /><br />
<span class="topl">title</span><br /><br />
Aliquam ac elit. Phasellus in urna. Nam lectus augue, eleifend quis, auctor nec, luctus vitae, purus. Mauris posuere risus non est. Aenean sollicitudin quam eget leo. Pellentesque dolor. Nullam ut dui non tellus tincidunt dignissim. Duis non arcu nec quam condimentum sollicitudin. Nulla congue ante id est. Proin ut augue. Sed luctus. Integer fringilla rhoncus velit. <br /><br />
<span class="topl">title</span><br /><br />
Fusce accumsan. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc pellentesque condimentum tellus. Donec hendrerit. Nam gravida nonummy dui. Etiam lorem. Aliquam arcu. Ut imperdiet lacus eu turpis. Aenean porta. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi sollicitudin magna vitae nibh. Cras sed nulla et orci eleifend convallis. Aenean ultricies sem vitae enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aenean vulputate lobortis eros. <br /><br />
<span class="topl">title</span><br /><br />
In non tellus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Etiam at urna. Sed ultricies pellentesque ipsum. Duis rutrum est a mi. Vivamus lacus neque, hendrerit eu, feugiat non, malesuada quis, pede. Cras ut est mattis felis vulputate dictum. Donec sapien. Cras et nisl at lectus sagittis faucibus. Proin mauris nunc, nonummy id, porta eu, molestie sit amet, orci. <br /><br />
<span class="topl">title</span><br /><br />
Aliquam ac ligula. Nam elementum mauris nec purus. Donec feugiat consectetuer arcu. Praesent erat nisi, varius et, tempor cursus, tincidunt nec, nibh. Vestibulum sollicitudin pharetra odio. Maecenas venenatis, leo eget blandit dictum, nisi mi euismod ipsum, et tincidunt nibh erat nec lectus. Integer placerat felis vitae sapien. Nam nulla. In lectus. Pellentesque sit amet lectus non velit tempus adipiscing. Suspendisse vel risus a massa malesuada elementum. Sed molestie diam nonummy ante. <br /><br />
<br /><br /></div>
Click to preview!
<style type="text/css">
body, font {color:#2D2C2C; font:10px verdana; line-height: 10px; background-image:url(http://www.kadoatie.org/lookups/kadbg.jpg);}
td, tr {color:#2D2C2C; font: 10px verdana; line-height: 10px; background-color: #ffffff; border: 1px solid #2D2C2C;}
i,u,b {color: #353C7A;}
a:link, a:active,a {color: #353C7A; line-height: 7pt; font-size: 6pt;}
a:hover {color: #A6ADF2;}
.h1 {background-color: #90ADCE; color: #2D2C2C; font-size: 12pt; line-height: 12pt; border-bottom: 1px dashed #2D2C2C;}
.h2 {background-color: #C9D7F1; color: #2D2C2C; font-size: 11pt; line-height: 2pt; border-bottom: 1px dashed #2D2C2C;}
</style>
<p /><p />
<table align="center" valign="center" cellpadding="0" width="550" cellspacing="0">
<tr>
<td valign="top"><center>
<div class="h1">title of section</div>
<div class="h2">~~~~~</div><br>
TEXT ABOUT WHATEVER
<p />
<div class="h1">title of section</div>
<div class="h2">~~~~~</div><br>
TEXT ABOUT WHATEVER
<p />
<div class="h1">title of section</div>
<div class="h2">~~~~~</div><br>
TEXT ABOUT WHATEVER
<p />
</center>
</td>
</tr>
</table>
<center>
<img src="http://www.kadoatie.org/img/snowickle_orgsm.gif" alt="layout by snowickle.org" border="0">
</center>
<!-- PLEASE DO NOT REMOVE CREDIT!!! -->
