Neopets Petpages

If you use any of these Layouts, please give me credit and a link back to this site! Removing credit is against the rules :)
Click for a full sized preveiw!

Illusen

Code to put in petpage:

<style />
.sf
{
display:none;
}
body
{
background:#aadd85;
background-image: url('http://www.dothelen.com/petpage/illusenback.gif');
background-repeat: repeat-y;
font-family:tahoma;
color:#488f41;
font-size:9pt;
}

#toppic 
{
position:absolute;
top:0px;
left:0px;
}

#text
{
position:absolute;
overflow:none;
top:556px;
left:3px;
width:618px;
}

h1
{
text-align:left;
font-family:verdana;
letter-spacing:2px;
color:#488f41;
border-left:#297424 10px double;
padding-left:10px;
font-size:18pt;
}

h2
{
text-align:right;
font-family:verdana;
letter-spacing:2px;
color:#488f41;
border-right:#297424 10px double;
border-bottom:1px dashed #297424;
padding-right:10px;
font-size:13pt;
}

</style />
<div id="toppic">
<img src="http://www.dothelen.com/petpage/illusentop.jpg">
</div>

<div id="text">
<h1>Title Header Here</h1>
some text here?
<h2>Second Head</h2>

Expands with more writing

<br><br>
Layout by: <img src="http://www.dothelen.com/buttons/button5.gif">

</div>

Code to put anywhere else:

<html>
<head>
<style type="text/css">
body
{
background:#aadd85;
background-image: url('http://www.dothelen.com/petpage/illusenback.gif');
background-repeat: repeat-y;
font-family:tahoma;
color:#488f41;
font-size:9pt;
}

#toppic 
{
position:absolute;
top:0px;
left:0px;
}

#text
{
position:absolute;
overflow:none;
top:556px;
left:3px;
width:618px;
}

h1
{
text-align:left;
font-family:verdana;
letter-spacing:2px;
color:#488f41;
border-left:#297424 10px double;
padding-left:10px;
font-size:18pt;
}

h2
{
text-align:right;
font-family:verdana;
letter-spacing:2px;
color:#488f41;
border-right:#297424 10px double;
border-bottom:1px dashed #297424;
padding-right:10px;
font-size:13pt;
}

</style>
</head>
<body>
<div id="toppic">
<img src="http://www.dothelen.com/petpage/illusentop.jpg">
</div>

<div id="text">
<h1>Title Header Here</h1>
some text here?
<h2>Second Head</h2>

Expands with more writing

<br><br>
Layout by: <img src="http://www.dothelen.com/buttons/button5.gif">

</div>

</body>
</html>

V5:Purple spots

Code to put in petpage:

<style />
body
{
background-image: url(http://www.dothelen.com/petpage/spot1.gif);
}

.sf{display:none;}

body, font, td, tr, h1, h2
{

font-family:georgia; 
font-size:8pt; 
color: #000000; 
letter-spacing: 2px;
}


table.main
{
background-color:#FFFFFF;
border:none;
width:450px;
height:500px;
cellspacing:2px;
cellpadding:2px;
filter:alpha(opacity=80); opacity:.80; 
}
#cell1{border:5px solid #D49AEC;}
#cell2{border:5px solid #C8F5FF;}
#cell3{border:5px dashed #FF99CC; vertical-align:top; padding:2px;}

h1 {background-color: #FFCAE4; font-family:arial; color:#39114B; line-height: 3px; border-bottom:10px solid #D49AEC; font-size: 20pt; text-align:center; padding:5px; margin:8px 3px 8px 3px; text-transform:lowercase;}
h2 {background:none; color:#39114B; font-family:arial; font-size:12pt; letter-spacing:0px; border-bottom: 1px dotted #000000; text-align:right; font-weight:bold; margin:8px;}
</style />

<center>
<table class="main">
<tr>
<td id="cell1">
<table class="main">
<tr>
<td id="cell2">
<table class="main">
<tr>
<td id="cell3">

<h1>write header here</h1>
write many text here write many text here write many text here write many text here write many text here write many text here write many text here write many text here write many text 
<h2>write second header here</h2>
here write many text here write many text here 


<tr><td width="300" height="5%" id="cell3">
CSS layout made by:<br>
<a href="http://www.neopets.com/~xXShoyshooXx" target="_blank"><img src="http://www.dothelen.com/buttons/button5.gif" border="0">
</a>


</td></tr>

</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</center>

Code to put anywhere else:

<html>
<head>
<style type="text/css">
body
{
background-image: url(http://www.dothelen.com/petpage/spot1.gif);
}

body, font, td, tr, h1, h2
{

font-family:georgia; 
font-size:8pt; 
color: #000000; 
letter-spacing: 2px;
}


table
{
background-color:#FFFFFF;
border:none;
width:450px;
height:500px;
cellspacing:2px;
cellpadding:2px;
filter:alpha(opacity=80); opacity:.80; 
}
#cell1{border:5px solid #D49AEC;}
#cell2{border:5px solid #C8F5FF;}
#cell3{border:5px dashed #FF99CC; vertical-align:top; padding:2px;}

h1 {background-color: #FFCAE4; font-family:arial; color:#39114B; line-height: 3px; border-bottom:10px solid #D49AEC; font-size: 20pt; text-align:center; padding:5px; margin:8px 3px 8px 3px; text-transform:lowercase;}
h2 {background:none; color:#39114B; font-family:arial; font-size:12pt; letter-spacing:0px; border-bottom: 1px dotted #000000; text-align:right; font-weight:bold; margin:8px;}
</style>
</head>
<body>
<center>
<table>
<tr>
<td id="cell1">
<table>
<tr>
<td id="cell2">
<table>
<tr>
<td id="cell3">

<h1>write header here</h1>
write many text here write many text here write many text here write many text here write many text here write many text here write many text here write many text here write many text 
<h2>write second header here</h2>
here write many text here write many text here 


<tr><td width="300" height="5%" id="cell3">
CSS layout made by:<br>
<a href="http://www.neopets.com/~xXShoyshooXx" target="_blank"><img src="http://www.dothelen.com/buttons/button5.gif" border="0">
</a>


</td></tr>

</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</center>
</body>
</html>

V5:Black spots

Code to put in petpage:

<style />
body
{
background-image: url(http://www.dothelen.com/petpage/spot2.gif);
}

.sf{display:none;}

body, font, td, tr, h1, h2
{

font-family:georgia; 
font-size:8pt; 
color: #FFFFFF; 
letter-spacing: 2px;
}


table.main
{
background-color:#000000;
border:none;
width:450px;
height:500px;
cellspacing:2px;
cellpadding:2px;
filter:alpha(opacity=90); opacity:.90; 
}
#cell1{border:5px solid #FF40FF;}
#cell2{border:5px solid #F7A6F8;}
#cell3{border:5px dashed #FFFFFF; border-bottom:none; vertical-align:top; padding:2px;}
#credits{border:5px dashed #FFFFFF; border-top:1px dotted #FFFFFF; vertical-align:top; padding:2px;}

h1 {background-color: #FF40FF; font-family:arial; color:#FFFFFF; line-height: 3px; border-bottom:10px solid #F7A6F8; font-size: 20pt; text-align:center; padding:5px; margin:8px 3px 8px 3px; text-transform:lowercase;}
h2 {background:none; color:#F7A6F8; font-family:arial; font-size:12pt; letter-spacing:0px; border-bottom: 1px dotted #FFFFFF; text-align:right; font-weight:bold; margin:8px;}
</style />

<center>
<table class="main">
<tr>
<td id="cell1">
<table class="main">
<tr>
<td id="cell2">
<table class="main">
<tr>
<td id="cell3">

<h1>write header here</h1>
write many text here write many text here write many text here write many text here write many text here write many text here write many text here write many text here write many text 
<h2>write second header here</h2>
here write many text here write many text here 
<h2>third header</h2>
etc...


<tr><td width="300" height="5%" id="credits">
CSS layout made by:<br>
<a href="http://www.neopets.com/~xXShoyshooXx" target="_blank"><img src="http://www.dothelen.com/buttons/button5.gif" border="0">
</a>


</td></tr>

</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</center>

Code to put anywhere else:

<html>
<head>
<style type="text/css">
body
{
background-image: url(http://www.dothelen.com/petpage/spot2.gif);
}

body, font, td, tr, h1, h2
{

font-family:georgia; 
font-size:8pt; 
color: #FFFFFF; 
letter-spacing: 2px;
}


table
{
background-color:#000000;
border:none;
width:450px;
height:500px;
cellspacing:2px;
cellpadding:2px;
filter:alpha(opacity=90); opacity:.90; 
}
#cell1{border:5px solid #FF40FF;}
#cell2{border:5px solid #F7A6F8;}
#cell3{border:5px dashed #FFFFFF; border-bottom:none; vertical-align:top; padding:2px;}
#credits{border:5px dashed #FFFFFF; border-top:1px dotted #FFFFFF; vertical-align:top; padding:2px;}

h1 {background-color: #FF40FF; font-family:arial; color:#FFFFFF; line-height: 3px; border-bottom:10px solid #F7A6F8; font-size: 20pt; text-align:center; padding:5px; margin:8px 3px 8px 3px; text-transform:lowercase;}
h2 {background:none; color:#F7A6F8; font-family:arial; font-size:12pt; letter-spacing:0px; border-bottom: 1px dotted #FFFFFF; text-align:right; font-weight:bold; margin:8px;}
</style>
</head>
<body>
<center>
<table>
<tr>
<td id="cell1">
<table>
<tr>
<td id="cell2">
<table>
<tr>
<td id="cell3">

<h1>write header here</h1>
write many text here write many text here write many text here write many text here write many text here write many text here write many text here write many text here write many text 
<h2>write second header here</h2>
here write many text here write many text here 
<h2>third header</h2>
etc...


<tr><td width="300" height="5%" id="credits">
CSS layout made by:<br>
<a href="http://www.neopets.com/~xXShoyshooXx" target="_blank"><img src="http://www.dothelen.com/buttons/button5.gif" border="0">
</a>


</td></tr>

</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</center>
</body>
</html>

V5:Purple stripe

Code to put in petpage:

<style />
body
{
background-image: url(http://www.dothelen.com/petpage/strip1.gif);
}

.sf{display:none;}

body, font, td, tr, h1, h2
{

font-family:georgia; 
font-size:8pt; 
color: #000000; 
letter-spacing: 2px;
}


table.main
{
background-color:#FFFFFF;
border:none;
width:450px;
height:500px;
cellspacing:2px;
cellpadding:2px;
filter:alpha(opacity=80); opacity:.80; 
}
#cell1{border:5px solid #D49AEC;}
#cell2{border:5px solid #C8F5FF;}
#cell3{border:5px dashed #FF99CC; vertical-align:top; padding:2px;}

h1 {background-color: #FFCAE4; font-family:arial; color:#39114B; line-height: 3px; border-bottom:10px solid #D49AEC; font-size: 20pt; text-align:center; padding:5px; margin:8px 3px 8px 3px; text-transform:lowercase;}
h2 {background:none; color:#39114B; font-family:arial; font-size:12pt; letter-spacing:0px; border-bottom: 1px dotted #000000; text-align:right; font-weight:bold; margin:8px;}
</style />

<center>
<table class="main">
<tr>
<td id="cell1">
<table class="main">
<tr>
<td id="cell2">
<table class="main">
<tr>
<td id="cell3">

<h1>write header here</h1>
write many text here write many text here write many text here write many text here write many text here write many text here write many text here write many text here write many text 
<h2>write second header here</h2>
here write many text here write many text here 


<tr><td width="300" height="5%" id="cell3">
CSS layout made by:<br>
<a href="http://www.neopets.com/~xXShoyshooXx" target="_blank"><img src="http://www.dothelen.com/buttons/button5.gif" border="0">
</a>


</td></tr>

</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</center>

Code to put anywhere else:

<html>
<head>
<style type="text/css">
body
{
background-image: url(http://www.dothelen.com/petpage/strip1.gif);
}

body, font, td, tr, h1, h2
{

font-family:georgia; 
font-size:8pt; 
color: #000000; 
letter-spacing: 2px;
}


table
{
background-color:#FFFFFF;
border:none;
width:450px;
height:500px;
cellspacing:2px;
cellpadding:2px;
filter:alpha(opacity=80); opacity:.80; 
}
#cell1{border:5px solid #D49AEC;}
#cell2{border:5px solid #C8F5FF;}
#cell3{border:5px dashed #FF99CC; vertical-align:top; padding:2px;}

h1 {background-color: #FFCAE4; font-family:arial; color:#39114B; line-height: 3px; border-bottom:10px solid #D49AEC; font-size: 20pt; text-align:center; padding:5px; margin:8px 3px 8px 3px; text-transform:lowercase;}
h2 {background:none; color:#39114B; font-family:arial; font-size:12pt; letter-spacing:0px; border-bottom: 1px dotted #000000; text-align:right; font-weight:bold; margin:8px;}
</style>
</head>
<body>
<center>
<table>
<tr>
<td id="cell1">
<table>
<tr>
<td id="cell2">
<table>
<tr>
<td id="cell3">

<h1>write header here</h1>
write many text here write many text here write many text here write many text here write many text here write many text here write many text here write many text here write many text 
<h2>write second header here</h2>
here write many text here write many text here 


<tr><td width="300" height="5%" id="cell3">
CSS layout made by:<br>
<a href="http://www.neopets.com/~xXShoyshooXx" target="_blank"><img src="http://www.dothelen.com/buttons/button5.gif" border="0">
</a>


</td></tr>

</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</center>
</body>
</html>

Version:Baby Kougra

Code to put in petpage:

<style />
body
{
background:url(http://www.dothelen.com/petpage/kougraback.gif);
background-attachment:fixed;
}

#body, td, font, div, h1, h2 
{
font-family:tahoma; font-size:8pt; color: #432E19; letter-spacing: 2px;
}

h1
{
background-color:#FAEFD8; color:#937D4F; font:20pt broadway; border-bottom: #937D4F 3px dashed; text-align:right; letter-spacing: 5px;
}

h2
{
background-color:#FAEFD8; color:#937D4F; font:14pt impact;border-bottom: #937D4F 3px dotted; text-align:left; letter-spacing: 2px;
}

h3
{
background-color:#FAEFD8; color:#937D4F; font:12pt tahoma; border-top: #937D4F 1px dotted; text-align:left; letter-spacing: 2px;
}

table
{
border:3px dashed #432E19; background:#FAEFD8;filter:alpha(opacity=85); opacity:.85; color:#FFFFFF; padding:2px;
}

td
{
vertical-align:top; padding:2px;
}

td.links
{
border-right: #937D4F 2px dashed;
}

td.cred
{
border-top: #432E19 2px dashed;
}

a:link, a:active, a:visited
{
color: #615243; font-size: 8pt; letter-spacing:2px; text-decoration: none; font-weight:normal; border-bottom: #937D4F 1px dotted;
}

a:hover
{
letter-spacing: 2px; color: #FFFFFF; font-size:8pt; text-decoration: none;
}

</style />
<center>
<img src="http://www.dothelen.com/petpage/kougraban.gif">
<br>
<table width="450" height="100%">
<tr>
<td width="125" rowspan="2" height="100%" class="links">
<h2>links</h2>
<h3>links title</h3>
-<a href="link">link</a><br>
-<a href="link">link</a><br>
-<a href="link">link</a><br>
-<a href="link">link</a><br>
-<a href="link">link</a><br>
-<a href="link">link</a><br>
<h3>links title</h3>
-<a href="link">link</a><br>
-<a href="link">link</a><br>
-<a href="link">link</a><br>
-<a href="link">link</a><br>
-<a href="link">link</a><br>

</td>
</tr>
<tr>
<td width="325" height="90%">
<h1>My petpage!</h1>
<h2>About me</h2>
I am......
<h2>Lab ray stats!</h2>
today my pet changed to ___!<br>
today my pet changed to ___!<br>
today my pet changed to ___!<br>
today my pet changed to ___!<br>

</td></tr>
<tr>
<td width="300" height="10%" colspan="2" class="cred">
<h2>credits</h2>
<a href="http://neopets.com/~xXShoyshooXx" target="_blank"><img src="http://www.dothelen.com/buttons/button5.gif" border="0"></a>
</td>
</tr>
</table>

Code to put anywhere else:

<html>
<head>
<title>Baby Kougra</title>
<style type="text/css">
body
{
background:url(http://www.dothelen.com/petpage/kougraback.gif);
background-colour:#FFFFFF;
background-attachment:fixed;
}

#body, td, font, div, h1, h2 
{
font-family:tahoma; font-size:8pt; color: #432E19; letter-spacing: 2px;
}

h1
{
background-color:#FAEFD8; color:#937D4F; font:20pt broadway; border-bottom: #937D4F 3px dashed; text-align:right; letter-spacing: 5px;
}

h2
{
background-color:#FAEFD8; color:#937D4F; font:14pt impact;border-bottom: #937D4F 3px dotted; text-align:left; letter-spacing: 2px;
}

h3
{
background-color:#FAEFD8; color:#937D4F; font:12pt tahoma; border-top: #937D4F 1px dotted; text-align:left; letter-spacing: 2px;
}

table
{
border:3px dashed #432E19; background:#FAEFD8;filter:alpha(opacity=85); opacity:.85; color:#FFFFFF; padding:2px;
}

td
{
vertical-align:top; padding:2px;
}

td.links
{
border-right: #937D4F 2px dashed;
}

td.cred
{
border-top: #432E19 2px dashed;
}

a:link, a:active, a:visited
{
color: #615243; font-size: 8pt; letter-spacing:2px; text-decoration: none; font-weight:normal; border-bottom: #937D4F 1px dotted;
}

a:hover
{
letter-spacing: 2px; color: #FFFFFF; font-size:8pt; text-decoration: none;
}

</style>
</head>
<body>
<center>
<img src="http://www.dothelen.com/petpage/kougraban.gif">
<br>
<table width="450" height="100%">
<tr>
<td width="125" rowspan="2" height="100%" class="links">
<h2>links</h2>
<h3>links title</h3>
-<a href="link">link</a><br>
-<a href="link">link</a><br>
-<a href="link">link</a><br>
-<a href="link">link</a><br>
-<a href="link">link</a><br>
-<a href="link">link</a><br>
<h3>links title</h3>
-<a href="link">link</a><br>
-<a href="link">link</a><br>
-<a href="link">link</a><br>
-<a href="link">link</a><br>
-<a href="link">link</a><br>

</td>
</tr>
<tr>
<td width="325" height="90%">
<h1>My petpage!</h1>
<h2>About me</h2>
I am......
<h2>Lab ray stats!</h2>
today my pet changed to ___!<br>
today my pet changed to ___!<br>
today my pet changed to ___!<br>
today my pet changed to ___!<br>

</td></tr>
<tr>
<td width="300" height="10%" colspan="2" class="cred">
<h2>credits</h2>
<a href="http://neopets.com/~xXShoyshooXx" target="_blank"><img src="http://www.dothelen.com/buttons/button5.gif" border="0"></a>
</td>
</tr>
</table>
</body>
</html>

Faerie pets

Code to put in petpage:

<style />
.sf
{
display: none;
}

body
{
background-color:#CFAAE8;
}

#topimage{top:0px; left:0px; width:800px; height:600px; position:absolute; z-index:0;}
#main{top:550px; left:10px; width:500px; height:325px; position:absolute; filter:alpha(opacity=60); opacity:.60; background:#FFFFFF; padding:20px 3px 3px 3px; z-index:1;}

h1.mainhead{top:505px; left:8px; position:absolute; background:none; border:none; font:26pt Broadway; text-align:left; letter-spacing:2px; z-index:2; color:#65368A;}

#links{top:605px; left:525px; width:180px; height:270px; position:absolute; filter:alpha(opacity=60); opacity:.60; background:#FFFFFF; padding:20px 3px 3px 3px;}

h1.linkhead{top:560px; left:523px; position:absolute; background:none; border:none; font:26pt Broadway; text-align:left; letter-spacing:2px; z-index:2; color:#65368A;}

#body, td, font, div, h1, h2 
{
font-family:tahoma; font-size:8pt; color: #432E19; letter-spacing: 2px;
}



h1
{
background-color:#E0C9F1; color:#65368A; font:12pt tahoma; border-top: #65368A 1px dotted; text-align:left; letter-spacing: 2px; padding:0px 3px 0px 3px;
}


a:link, a:active, a:visited
{
color: #615243; font-size: 8pt; letter-spacing:2px; text-decoration: none; font-weight:normal; border-bottom: #937D4F 1px dotted;
}

a:hover
{
letter-spacing: 2px; color: #FFFFFF; font-size:8pt; text-decoration: none;
}

</style />
<img src="http://www.dothelen.com/petpage/faerietop.jpg" id="topimage">

<h1 class="mainhead">Welcome</h1>
<div id="main">
<h1>Header</h1>
Write all your welcome stuff here, this box will expand the more you write. You can change the "Welcome" and "Links" headers by changing <h1 class="mainhead"> and <h1 class="linkhead"> text.<br><br>
<b>bold</b><br>
<i>itallics</i><br>
<u>underline</u><br>
<a href="link">link</a>
</div>

<h1 class="linkhead">Links</h1>
<div id="links">
Layout made by <img src="http://www.dothelen.com/buttons/button5.gif">
</div>

Code to put anywhere else:

<html>
<head>
<title>Faerie</title>
<style type="text/css">

body
{
background-color:#CFAAE8;
}

#topimage{top:0px; left:0px; width:800px; height:600px; position:absolute; z-index:0;}
#main{top:550px; left:10px; width:500px; height:325px; position:absolute; filter:alpha(opacity=60); opacity:.60; background:#FFFFFF; padding:20px 3px 3px 3px; z-index:1;}

h1.mainhead{top:505px; left:8px; position:absolute; background:none; border:none; font:26pt Broadway; text-align:left; letter-spacing:2px; z-index:2; color:#65368A;}

#links{top:605px; left:525px; width:180px; height:270px; position:absolute; filter:alpha(opacity=60); opacity:.60; background:#FFFFFF; padding:20px 3px 3px 3px;}

h1.linkhead{top:560px; left:523px; position:absolute; background:none; border:none; font:26pt Broadway; text-align:left; letter-spacing:2px; z-index:2; color:#65368A;}

#body, td, font, div, h1, h2 
{
font-family:tahoma; font-size:8pt; color: #432E19; letter-spacing: 2px;
}



h1
{
background-color:#E0C9F1; color:#65368A; font:12pt tahoma; border-top: #65368A 1px dotted; text-align:left; letter-spacing: 2px; padding:0px 3px 0px 3px;
}


a:link, a:active, a:visited
{
color: #615243; font-size: 8pt; letter-spacing:2px; text-decoration: none; font-weight:normal; border-bottom: #937D4F 1px dotted;
}

a:hover
{
letter-spacing: 2px; color: #FFFFFF; font-size:8pt; text-decoration: none;
}

</style>
</head>
<body>
<img src="http://www.dothelen.com/petpage/faerietop.jpg" id="topimage">

<h1 class="mainhead">Welcome</h1>
<div id="main">
<h1>Header</h1>
Write all your welcome stuff here, this box will expand the more you write. You can change the "Welcome" and "Links" headers by changing <h1 class="mainhead"> and <h1 class="linkhead"> text.<br><br>
<b>bold</b><br>
<i>itallics</i><br>
<u>underline</u><br>
<a href="link">link</a>
</div>

<h1 class="linkhead">Links</h1>
<div id="links">
Layout made by <img src="http://www.dothelen.com/buttons/button5.gif">
</div>

</body>
</html>

Version:Polkadots - simple

Code to put in petpage:

<style />
body
{
background:url(http://www.dothelen.com/petpage/back1.gif);
background-attachment:fixed;
}

#body, td, font, div, h1, h2 
{
font-family:tahoma; font-size:8pt; color: #50A650; letter-spacing: 2px;
}

h1
{
background-color:#FFFFFF; color:#FE9A9A; font:20pt broadway; border-bottom: #FE9A9A 3px dashed; text-align:center; letter-spacing: 5px;
}

table
{
border:3px dashed #80FF80; background:#FFFFFF;filter:alpha(opacity=90); opacity:.90; color:#FFFFFF;
}

td
{
vertical-align:top; padding:2px;
}

h2
{
background-color:#FFFFFF; color:#FE9A9A; font:14pt broadway;border-bottom: #FE9A9A 3px dotted; text-align:right; letter-spacing: 2px;
}

a:link, a:active, a:visited
{
color: #50A650; font-size: 8pt; letter-spacing:2px; text-decoration: none; font-weight:bold; border-bottom: #FE9A9A 2px dotted;
}

a:hover
{
letter-spacing: 2px; color: #FFFFFF; font-size:8pt; text-decoration: none;
}

</style />
<center>
<table width="300" height="100%">
<tr><td width="300" height="95%">


<h1>Welcome</h1>
Welcome i am writing stuff to introduce!!
<h2>Secondary header</h2>
I am writing stuff here that goes with the header!
<br><br>
<a href="link"> a link</a>
</td>
</tr>
<tr><td width="300" height="5%">
CSS layout made by:<br>
<a href="http://www.neopets.com/~xXShoyshooXx" target="_blank"><img src="http://www.dothelen.com/buttons/button5.gif" border="0">
</a>


</td></tr></table>

Code to put anywhere else:

<html>
<head>
<title>css tests:O</title>
<style type="text/css">
body
{
background:url(http://www.dothelen.com/petpage/back1.gif);
background-colour:#FFFFFF;
background-attachment:fixed;
}

#body, td, font, div, h1, h2 
{
font-family:tahoma; font-size:8pt; color: #50A650; letter-spacing: 2px;
}

h1
{
background-color:#FFFFFF; color:#FE9A9A; font:20pt broadway; border-bottom: #FE9A9A 3px dashed; text-align:center; letter-spacing: 5px;
}

table
{
border:3px dashed #80FF80; background:#FFFFFF;filter:alpha(opacity=90); opacity:.90; color:#FFFFFF;
}

td
{
vertical-align:top; padding:2px;
}

h2
{
background-color:#FFFFFF; color:#FE9A9A; font:14pt broadway;border-bottom: #FE9A9A 3px dotted; text-align:right; letter-spacing: 2px;
}

a:link, a:active, a:visited
{
color: #50A650; font-size: 8pt; letter-spacing:2px; text-decoration: none; font-weight:bold; border-bottom: #FE9A9A 2px dotted;
}

a:hover
{
letter-spacing: 2px; color: #FFFFFF; font-size:8pt; text-decoration: none;
}

</style>
</head>
<body>
<center>
<table width="300" height="100%">
<tr><td width="300" height="95%">


<h1>Welcome</h1>
Welcome i am writing stuff to introduce!!
<h2>Secondary header</h2>
I am writing stuff here that goes with the header!
<br><br>
<a href="link"> a link</a>
</td>
</tr>
<tr><td width="300" height="5%">
CSS layout made by:<br>
<a href="http://www.neopets.com/~xXShoyshooXx" target="_blank"><img src="http://www.dothelen.com/buttons/button5.gif" border="0">
</a>


</td></tr></table>
</body>
</html>

Version:Polkadots - not as simple..

Code to put in petpage:

<style />
body
{
background:url(http://www.dothelen.com/petpage/back1.gif);
background-attachment:fixed;
}

#body, td, font, div, h1, h2 
{
font-family:tahoma; font-size:8pt; color: #50A650; letter-spacing: 2px;
}

h1
{
background-color:#FFFFFF; color:#FE9A9A; font:20pt broadway; border-bottom: #FE9A9A 3px dashed; text-align:right; letter-spacing: 5px;
}

h2
{
background-color:#FFFFFF; color:#FE9A9A; font:14pt impact;border-bottom: #FE9A9A 3px dotted; text-align:left; letter-spacing: 2px;
}

h3
{
background-color:#FFFFFF; color:#FE9A9A; font:12pt tahoma; border-top: #FE9A9A 1px dotted; text-align:left; letter-spacing: 2px;
}

table
{
border:3px dashed #80FF80; background:#FFFFFF;filter:alpha(opacity=90); opacity:.90; color:#FFFFFF; padding:2px;
}

td
{
vertical-align:top; padding:2px;
}

td.links
{
border-right: #80FF80 2px dashed;
}

td.cred
{
border-top: #80FF80 2px dashed;
}

a:link, a:active, a:visited
{
color: #80FF80; font-size: 8pt; letter-spacing:2px; text-decoration: none; font-weight:normal; border-bottom: #FE9A9A 1px dotted;
}

a:hover
{
letter-spacing: 2px; color: #FFFFFF; font-size:8pt; text-decoration: none;
}

</style />
<center>
<table width="450" height="100%">
<tr>
<td width="125" rowspan="2" height="100%" class="links">
<h2>links</h2>
<h3>links title</h3>
-<a href="link">link</a><br>
-<a href="link">link</a><br>
-<a href="link">link</a><br>
-<a href="link">link</a><br>
-<a href="link">link</a><br>
-<a href="link">link</a><br>
<h3>links title</h3>
-<a href="link">link</a><br>
-<a href="link">link</a><br>
-<a href="link">link</a><br>
-<a href="link">link</a><br>
-<a href="link">link</a><br>

</td>
</tr>
<tr>
<td width="325" height="90%">
<h1>Welcome</h1>
<h2>date</h2>
updates here blah blah i did this today
<h2>other date</h2>
i did other things today ! 
</td></tr>
<tr>
<td width="300" height="10%" colspan="2" class="cred">
<h2>credits</h2>
<a href="http://neopets.com/~xXShoyshooXx" target="_blank"><img src="http://www.dothelen.com/buttons/button5.gif" border="0"></a>
</td>
</tr>
</table>

Code to put anywhere else:

<html>
<head>
<title>css tests:O</title>
<style type="text/css">
body
{
background:url(http://www.dothelen.com/petpage/back1.gif);
background-attachment:fixed;
}

#body, td, font, div, h1, h2 
{
font-family:tahoma; font-size:8pt; color: #50A650; letter-spacing: 2px;
}

h1
{
background-color:#FFFFFF; color:#FE9A9A; font:20pt broadway; border-bottom: #FE9A9A 3px dashed; text-align:right; letter-spacing: 5px;
}

h2
{
background-color:#FFFFFF; color:#FE9A9A; font:14pt impact;border-bottom: #FE9A9A 3px dotted; text-align:left; letter-spacing: 2px;
}

h3
{
background-color:#FFFFFF; color:#FE9A9A; font:12pt tahoma; border-top: #FE9A9A 1px dotted; text-align:left; letter-spacing: 2px;
}

table
{
border:3px dashed #80FF80; background:#FFFFFF;filter:alpha(opacity=90); opacity:.90; color:#FFFFFF; padding:2px;
}

td
{
vertical-align:top; padding:2px;
}

td.links
{
border-right: #80FF80 2px dashed;
}

td.cred
{
border-top: #80FF80 2px dashed;
}

a:link, a:active, a:visited
{
color: #80FF80; font-size: 8pt; letter-spacing:2px; text-decoration: none; font-weight:normal; border-bottom: #FE9A9A 1px dotted;
}

a:hover
{
letter-spacing: 2px; color: #FFFFFF; font-size:8pt; text-decoration: none;
}

</style>
</head>
<body>
<center>
<table width="450" height="100%">
<tr>
<td width="125" rowspan="2" height="100%" class="links">
<h2>links</h2>
<h3>links title</h3>
-<a href="link">link</a><br>
-<a href="link">link</a><br>
-<a href="link">link</a><br>
-<a href="link">link</a><br>
-<a href="link">link</a><br>
-<a href="link">link</a><br>
<h3>links title</h3>
-<a href="link">link</a><br>
-<a href="link">link</a><br>
-<a href="link">link</a><br>
-<a href="link">link</a><br>
-<a href="link">link</a><br>

</td>
</tr>
<tr>
<td width="325" height="90%">
<h1>Welcome</h1>
<h2>date</h2>
updates here blah blah i did this today
<h2>other date</h2>
i did other things today ! 
</td></tr>
<tr>
<td width="300" height="10%" colspan="2" class="cred">
<h2>credits</h2>
<a href="http://neopets.com/~xXShoyshooXx" target="_blank"><img src="http://www.dothelen.com/buttons/button5.gif" border="0"></a>
</td>
</tr>
</table>
</body>
</html>