Terms of Use

Do NOT alter the coding of our graphics to create your own.
Do NOT remove the credits or claim that you made these graphics. Remember to credit us! ^__^

We would also really appreciate the bandwidth you'd be saving us if you saved the images to your own host and linked to them from there. ^_^

Petpages by faeriedragon66

Very Lost Desert

<STYLE>
			
* {
	margin: 0; padding: 0; border: 0;
}

body {
		height: 100%;
		font-family: tahoma;
		letter-spacing: 1px;	
		font-size: 13px;
		line-height: 18px;
		background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/vicky-desertpp-bg2.png) #6D5052;
		text-align: center;
}
	#footer {
		width: 800px; height: 60px;
		text-align: center;
}

#frame {
		width: 800;
		background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/vicky-desertpp-bg.png);
		left: 50%;
		margin-left: -400px;
}
	#nav {
		float:left;
		width: 140px;
		text-align: right;
		font-variant: small-caps;
		padding-left: 10px;
		text-align: right;
}
	#content {
		width: 628px;
		float: right;
		
}
	.content {
		clear: both;
		background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/vicky-desertpp-content2.png);
		width: 628px;
		margin-left: 1px;
}
	.context {
		width: 560px;
		text-align: left;
		padding-left: 40px;
		color: #abdbe1;
}

#header {
		background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/vicky-desertpp-layout.png);
		width: 800;
		height: 565;
		font-weight: normal;	
}
	ul {
		text-align: center;
		list-style: none;
}
	li a {
		margin: 10px;
		padding-top: 5px;
		width: 140px;
		height: 28px;
		display: block;
		background: #f7f5bd;
		color: #5e425d;
		font-family: tahoma;
		font-size: 30px;
		border-left: 10px solid #5e425d;
		border-top: 1px solid #5e425d;
		border-bottom: 1px solid #5e425d;
		border-right: 10px solid #5e425d;
}

li a:hover {
		color: #893232;	
		border-left: 10px solid #893232;
		border-top: 1px solid #893232;
		border-bottom: 1px solid #893232;
		border-right: 10px solid #893232;
}
	a {
		color: #fff;
		font-variant: small-caps;
		text-decoration: none;
}
	a:hover {
		color: #f7f5bd;
}
	strong {
		color: #f7f5bd;
}

h1 {
		display: block;
		width: 300px;
		font-size: 48px;
		font-family: "times new roman"; 
		color: #893232;
		letter-spacing: -1;
		text-transform: uppercase;
		line-height: .8;
		text-align: right;
}
	h2 {
		display: block;
		width: 280px;
		font-size: 12px;
		font-family: "times new roman"; 
		color: #893232;		
		text-transform: uppercase;
		text-align: right;
}

.h {
		height: 56px;
		width: 628px;
		background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/vicky-desertpp-content1.png);
		float: right;
}
	h3 {
		text-align: right;
		margin-right: 110px;
		margin-top: 20px;
		color: #634663;
		font-family: georgia;
		font-size: 24px;
		text-transform: uppercase;
		font-weight: normal;
		letter-spacing: -1px;
}
	.sf, .smallfont {
		display: none;
}

</STYLE>
<DIV id="frame" style="position: absolute;">
<DIV id="header">
<DIV style="position: relative; top: 230px; left: 230px; text-align: left;">
	<h1>edit these titles</h1>
	<h2 style="position: relative; left: 30px;">subtitle</h2>
</DIV> </DIV>

<div class="h" id="one">
	<h3>subtitle I</h3></div>
<div class="content"><div class="context">
		
	<strong>strong text</strong>
	<p><i>Lorem ipsum</i> <a href="http://neopets.com">link text</a>, <b>consectetur adipiscing elit</b>. In laoreet, justo elementum congue elementum, purus quam, ac varius risus ante sed nibh. Pellentesque sagittis vestibulum metus, a pretium turpis interdum quis. Sed elementum euismod mattis. Suspendisse lobortis vulputate nunc, vitae convallis diam tincidunt id. </p>
		
</div></div>
<img src="http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/vicky-desertpp-content3.png">

<div class="h" id="two">
	<h3>using this layout</h3></div>
<div class="content"><div class="context">
	<strong>Hello there</strong> 
	<p>The default code has only 3 links and 2 content boxes. However, you can make as many of each as you want by recopying the code.</p> 
	<p>Tags that are capitalized (e.g: "DIV" rather than "div") should not be edited.</p>
	<p>This petpage was created by <a href="http://www.neopets.com/userlookup.phtml?user=faeriedragon66">faeriedragon66</a>. You may use my code for your own purposes with permission. If you're simply altering this layout, you don't need permission as long as you continue to credit me.</p>
		
</div></div>
<img src="http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/vicky-desertpp-content3.png">
	
</DIV>

Plum Elegance

.sf, td[align="center"] {
		display: none;
}

body {
		background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/vicky_pun_dsidebg.png) repeat-y top left #432e36;
}
		
	#header {
		width: 100%;
		height: 260px;
		background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/vicky_pun_hdrbg.png) repeat-x;
		overflow: hidden;
		z-index: 1;
}

#logo {
		background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/vicky_pun_hdrimg.png) no-repeat top left;
		z-index: 20;
			top: 0;
			left: 0;
		width: 303; height: 260;
}

#vertalign {
			left: 59px;
			top: 10px;		
		z-index: 26;	
		text-align: center;			
}
	#title {	
		height: 220px;
		width: 215px;	
		line-height: 100%;
		letter-spacing: -2px;			
		font-family: georgia, "times new roman", serif;
		font-size: 30px;
		color: #432e36;			
}

#frame {
			top: 130px;
			left: 300px;
		z-index: 20;		
		margin-right: 10px;
}

#sidebar {
		float: right;
		width: 25%;
		font-family: tahoma, serif;
		letter-spacing: 3px;
		font-size: 11px;
		color: #d8cd99;		
		line-height: 1;
		text-align: left;
		margin-left: 10px;
}

#contentframe {	
		float: left;	
		width: 70%;
	
}

.content {
		font-family: georgia, "times new roman", sans-serif;
		letter-spacing: 1px;
		font-size: 12px;
		color: #808471;		
		line-height: 2;
	
}
	#nav {	
			top: 76px;
			left: 300px;
		clear: both;
		float: left; 
		margin-left: 4px; 
		color: #fff;
		list-style-type: 0;
			border-bottom: #988c53;	
		overflow: hidden;
		z-index: 50;
}

#nav li {	
		background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/vicky_pun_navbg.png) top left no-repeat;
		list-style-type: none;
		float: left;
		margin-left: 10px;
		padding-left: 10px; 
		padding-right: -10px;
		height: 30px;
}

#nav li a {
		display: block;
		background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/vicky_pun_navbg.png) top right no-repeat #3d4731;
		padding-right: 10px;
		padding-top: 10px;
		font-family: "gill sans", "century gothic", tahoma, sans-serif;
		color: #3d4731;
		text-decoration: none;
		text-transform: uppercase;
		letter-spacing: -1px;
		font-weight: normal;
}

#nav li a:hover {
		color: #8c7d3d;
}

h1 {
		color: #2d161f;
		font-family: helvetica neue, gill sans, tahoma, verdana, sans-serif;
		text-align: right;
		font-size: 45px;
		margin-bottom: -3px;
		letter-spacing: -2px;
		line-height: 40px;
}

h2 {
		color: #d8cd99;
		font-family: "gill sans", serif;
		font-size: 11px;
		letter-spacing: 4px;
		text-align: right;
		font-weight: normal;
		text-transform: uppercase;
		padding-bottom: 5px;
		margin-bottom: 5px;
		border-bottom: 1px solid #2d161f;
}

.small {
		font-family: tahoma, verdana, serif;
		font-size: 10px;
		letter-spacing: 1;
		color: #2d161f;
}

a {
		color: #ccc;
		text-decoration: none;
}
	a:hover {
		background: #d8cd99;
		color: #4b4f47;
}

a.alt {
		color: #2d161f;
		text-decoration: underline;
}

p {
		margin-bottom: 15px;
}

.petframe {
		background: #4b4f47; 
		border-right: 15px #ccc solid;
		padding: 10px;
}
	.pet {
		float: right;
		border: 10px #2d161f solid;
		padding: 1px;
		margin-left: 20px;
		height: 200px; width: 200px;
}

#savebutton
		{ width: 200px; height:400px; align: left;
}

</style>

<div id="header">
<div id="navwrap">		
<ul id="nav" style="position: absolute;">
	<li class="nav"><a href="#anchor1">1 one</a></li>
	<li class="nav"><a href="#anchor2">2 two</a></li>	
	<li class="nav"><a href="#anchor3">3 three</a></li>
	<li class="nav"><a href="#anchor4">4 four</a></li>	
	<li class="nav"><a href="http://neopets.com">5 five</a></li>
	<li class="nav"><a href="http://neopets.com">6 six</a></li>		
</ul>

<ul id="nav" style="position: absolute; left: 280px; top: 45px;">
	<li class="nav"><a href="http://neopets.com">seven</a></li>
	<li class="nav"><a href="http://neopets.com">eight</a></li>	
	<li class="nav"><a href="http://neopets.com">nine</a></li>
	<li class="nav"><a href="http://neopets.com">ten</a></li>	
	<li class="nav"><a href="http://neopets.com">eleven</a></li>	
	<li class="nav"><a href="http://neopets.com">twelve</a></li>	
</ul>
</div>
	<div id="logo" style="position: absolute;"></div>
</div>
<div id="frame" style="position: absolute;">
<div id="sidebar">

<img src="http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/vicky_pun_icon.png" style="margin-bottom: 20px; margin-top: 20px;"> <br />
	
		<p class="small">Layout made by <a href="http://www.neopets.com/userlookup.phtml?user=faeriedragon66" class="alt">Vicky</a> for The Official Neopian Orphanage. 
	<br /><br />
	
	NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., © 1999-2010. All rights reserved.</p>	
</div>

<h1 id="anchor1">content headline</h1>
	<h2>an optional sub-headline goes here</h2>
		<div class="content">
		<p>If you use this layout, I only ask that you continue to credit me (faeriedragon66) and The Official Neopian Orphanage. Please keep in mind that while I did my best to accomodate all major browsers and resolutions, those with 800x600 screens and lower may have slight problems.  </p>

<h1 id="anchor2">waiting for inspiration</h1>
	<h2>i sound my barbaric yawp</h2>
		<div class="content">
		<p>A child said  What is the grass? fetching it to me with full hands, /
How could I answer the child? I do not know what it is any more than he. /
I guess it must be the flag of my disposition, out of hopefull green stuff woven. /
Or I guess it is the handkerchief of the Lord, /
A scented gift and remembrancer designedly dropt, /
Bearing the owner's name someway in the corners, that we may see and remark, and say Whose? /
Or I guess the grass is itself a child, the produced babe of the vegetation. /
Or I guess it is a uniform hieroglyphic, /
And it means, Sprouting alike in broad zones and narrow zones, /
Growing among black folks as among white, /
Kanuck, Tuckahoe, Congressman, Cuff, I give them the same, I receive them the same.</p>
</div>

<h1 id="anchor3">content headline</h1>
	<h2>an optional sub-headline goes here</h2>
		<div class="content">
		<p>If you use this layout, I only ask that you continue to credit me (faeriedragon66) and The Official Neopian Orphanage. Please keep in mind that while I did my best to accomodate all major browsers and resolutions, those with 800x600 screens and lower or those who use Internet Explorer may have slight problems.  </p>

<p><b>Tabs.</b> I provided two rows of tabs for navigation. If you only need one row, you can get rid of one; if you need more, I suggest you use the column to the right. <img src="http://billopan.com/adopt/nucleus/plugins/fancytext/smiles/icon_wink.gif" /></p>
</div>
	
	<h1 id="anchor4">waiting for inspiration</h1>
	<h2>i sound my barbaric yawp</h2>
		<div class="content">
		<p>
		A child said  What is the grass? fetching it to me with full hands, /
How could I answer the child? I do not know what it is any more than he. /
I guess it must be the flag of my disposition, out of hopefull green stuff woven. /
Or I guess it is the handkerchief of the Lord, /
A scented gift and remembrancer designedly dropt, /
Bearing the owner's name someway in the corners, that we may see and remark, and say Whose? /
Or I guess the grass is itself a child, the produced babe of the vegetation. /
Or I guess it is a uniform hieroglyphic, /
And it means, Sprouting alike in broad zones and narrow zones, /
Growing among black folks as among white, /
Kanuck, Tuckahoe, Congressman, Cuff, I give them the same, I receive them the same.</p>
</div>

</div>

</div></div>

Petpages by rein_

Black & Yellow Illusen <style> body, td, p { font-family: Verdana; font-size: 12px; color: #000; cursor: crosshair; line-height: 14px; text-align: justify; } .sf, .eks {//display: none;} a:link { font-family: verdana; color: #004500; font-weight: bold; text-decoration: none; } a:visited { font-family: verdana; color: #004500; font-weight: bold; text-decoration: none; } a:hover { font-family: verdana; font-size: 12px; color: #fff; text-decoration: underline overline; cursor: crosshair; display: normal; } .ch { font-family: Trebuchet MS; font-size: 20px; font-weight: bold; color: #005800; text-align: center; letter-spacing: 2px; background-color: #F1EC00; padding: 5px; } .body { background-color: #31D000; border-right: 15px solid #009400; border-bottom: 5px solid #009400; text-align: justify; } .nav { font-family: Verdana; font-size: 10px; font-weight: bold; color: #005800; text-align: center; letter-spacing: 2; background-color: #4DB400; } #side { float: left; //margin-top: 10px; width: 250px; padding: 10px; text-align: center; font-size: 10px; color: #fff; } #content { float: left; margin-top: -20px; width: 600px; padding: 10px; text-align: justify; font-size: 12px; } </style /> </head> <body bgcolor="#001C00"> <div id="side"><p class="ch">Header</p> Insert links, fosters, etc. ^^ <p class="ch">Header</p> More fun stuff here! <p class="ch">Credit</p> Layout by <a href="http://www.neopets.com/userlookup.phtml?user=rein_">rein_</a> for billopan.com </div> <div id="content"><table width=600 border=0 cellpadding=0 cellspacing=0 align=center> <td width=100% valign=top> <img src="http://i27.tinypic.com/jgqhk6.jpg"> <table width=100% border=0 cellpadding=5 cellspacing=1> <tr><td valign=top class="nav">Navigation: <a href="#1">Anchor1</a> \| <a href="#2">Anchor2</a> \| <a href="#3">Anchor3</a> \| <a href="#4">Anchor4</a></td></tr> </p></td></tr> </table><p> <a name="1"></a> <table width=100% border=0 cellpadding=5 cellspacing=1> <tr><td valign=top class="ch">Header</a></td></tr> <tr><td valign=top class="body"> Your text here </td></tr><table><p> <a name="2"></a> <table width=100% border=0 cellpadding=5 cellspacing=1> <tr><td valign=top class="ch">Header</a></td></tr> <tr><td valign=top class="body"> Your text here </p></td></tr><table><p> <a name="3"></a> <table width=100% border=0 cellpadding=5 cellspacing=1> <tr><td valign=top class="ch">Header</a></td></tr> <tr><td valign=top class="body"> Your text here </p></td></tr><table><p> <a name="4"></a> <table width=100% border=0 cellpadding=5 cellspacing=1> <tr><td valign=top class="ch">Header</a></td></tr> <tr><td valign=top class="body"> Your text here </p></td></tr><table><p> </p></td></tr> </table><p> </td> <br><br><br> </table></div>	Chuckles the Clown <style> #eks { } body { margin: 0pt; background-repeat: repeat-y; background-position: center; } div, td { font-family: Georgia,Arial,Tahoma; font-size: 11px; color:#ffca19 } a:link, a:active, a:visited { text-decoration:cursor:crosshair; color: #340040; letter-spacing: 3px; word-spacing: 2px; height: 1px; } A:hover { text-decoration: none; color:#e574ff; } .head1 { text-align: center; color: #790098; font-family: georgia; font-size: 25pt; text-transform: none; font-weight: bold;:0px line-height: 2px; background-color: #f3ff00; border-top: solid 2px #d16701; border-bottom: solid 2px #d16701; border-right: solid 1px #790098; border-left: solid 1px #790098; } .ch { color: #CF6B91; letter-spacing: 2px; word-spacing: 1px; height: 1px; font-weight: bold; color: #d16701; border: 1px solid #d16701; letter-spacing:3px; padding-top:2px; padding-right:2px; height: 26px; font-family: Georgia; text-align: center; background-color: #000000; } .nav { font-family: Georgia; font-size:11; color: #ff75bd; } </style /> </head><body background="http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/kaie_chucklesbg.jpg" bgcolor=#000000 text="firebrick"> <div style="position: absolute; left: 290; top: 15; width: 690;"> <img src="http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/kaie_chuckles.jpg"></div> <div class="nav" style="position: absolute; top: 267px; left: 135px; width: 150px; height: 200px; background-color: #000000;"> <p class="ch">Navigation or sidetext</p> <br><a href="http://www.neopets.com">Link</a><br>Text <p class="ch">Credits</p> <br>Site © Your Name<br> Layout from billopan.com By <a href="http://www.neopets.com/userlookup.phtml?user=rein_">Kaie (rein_)</a></div> <div class="content" style="position: absolute; left: 390px; top: 270px; width: 500px; background-color: #000000;"> <p class="head1">Header</p> text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text <br>text<br>text<br>text<br>text<br>text<br>text<br> </p>
Two Raindorf <style> body, td, p { font-family: arial, helvetica, sans-serif; font-size: 10px; color: #000000; cursor: normal; line-height: 10px; align: justify; } a:link { font-family: verdana; font-size: 9px; color: #0184be; font-weight: bold; text-decoration: none; } a:visited { font-family: verdana; font-size: 9px; color: #0184be; font-weight: bold; text-decoration: line-through; } a:hover { font-family: verdana; font-size: 10px; color: #deb800; text-decoration: none; border-bottom-style: dotted; border-color: #936600; border-bottom-width: 1px; cursor: crosshair; display: normal; line-height: 10px; } .ch { font-family: trebuchet ms; font-size: 14px; font-weight: bold; text-transform: lowercase; color: #8d8290; text-align: left; letter-spacing: 2; font-weight: bold; background-color: white; border-color: #28cfe1; border-style: dashed; border-width: 1px; } .body { background-color: #b1d8dc; border-style: solid; border-width: 1px; border-color: #9e6b02; } </style /> </head> <body bgcolor=#28cfe1> <div style="position: absolute; left: 10px; width: 588px; background-color: #28cfe1;"> <table width=588 border=0 cellpadding=0 cellspacing=0 align=left> <tr> <td background="http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/kaie_raindorf.jpg" width=588 height=251 border=0></td></tr> <tr><td valign=top colspan=5> <table bgcolor=#d1fbff width=588 height=307 border=0 cellpadding=0 cellspacing=5 align=left> <tr><td width=75% valign=top> <table width=100% border=0 cellpadding=5 cellspacing=1> <tr><td valign=top class="ch">content</td></tr> <tr><td valign=top class="body"> <p align="justify"> <br><br><br><br><br><br><br><br><br><br><br><br><br> </p></td></tr> </table> <table width=100% border=0 cellpadding=5 cellspacing=1> <tr><td valign=top class="ch">content</td></tr> <tr><td valign=top class="body"> <p align=justify> <br><br><br><br><br><br><br><br><br><br><br><br> </p></td></tr> </table> <table width=100% border=0 cellpadding=5 cellspacing=1> <tr><td valign=top class="ch">content</td></tr> <tr><td valign=top class="body"> <p align=justify> <br><br><br><br><br><br><br><br><br><br><br><br></tr></td> </table> </td> <td width=25% valign=top> <table width=100% border=0 cellpadding=5 cellspacing=1> <tr><td class="ch">menu</td></tr> <tr><td valign=top class="body"> <a href="'">link</a><br> <a href="'">link</a><br> <a href="'">link</a><br> <a href="'">link</a><br> <a href="'">link</a><br></td></tr></table> <table width=100% border=0 cellpadding=5 cellspacing=1> <tr><td class="ch">menu</td></tr> <tr><td valign=top class="body"> <a href="'">link</a><br> <a href="'">link</a><br> <a href="'">link</a><br> <a href="'">link</a><br> <a href="'">link</a><br></td></tr></table> <table width=100% border=0 cellpadding=5 cellspacing=1> <tr><td class="ch">menu</td></tr> <tr><td valign=top class="body"> <a href="'">link</a><br> <a href="'">link</a><br> <a href="'">link</a><br> <a href="'">link</a><br> <a href="'">link</a><br></td></tr></table> </td></tr> </table> </td></tr> <tr><td bgcolor=white valign=top colspan=5 height=15><table border=0 cellspacing=2 cellpadding=3 align=center><tr><td valign=top> <p align=center>Credit <br> Site © Your name <br>From billopan.com</A> <br>Layout: <a href="http://www.neopets.com/userlookup.phtml?user=rein_" target="_blank">Kaie (rein_)</A></td></tr></table></td></tr></div>	Poogle Pals <style> #eks { } body { background: #b4b1cc url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/kaie_pooglesbg.jpg); background-repeat:repeat-x; } div, td { font-family: Arial; font-size: 11px; color: #2254b5; } a:link, a:active, a:visited { text-decoration:cursor:crosshair; color:#558fff; letter-spacing:3px; word-spacing: 2px; height: 1px; } A:hover { text-decoration: none; color:#FFFFFF; cursor:crosshair; } .ch { text-decoration: cursor:crosshair; color:#7489a1; letter-spacing: 4px; word-spacing: 1px; height: 1px; font-weight: bold; color: #150c4c; border: 1px solid #7489a1; letter-spacing: 5px; padding-top: 0px; padding-right: 0px; font-family: Helvetica; height: 16px; text-align: center; //margin.height: 0px; background-color: #FFFFFF; } .content { text-decoration: color:#2254b5; letter-spacing: 1px; height: 2px; line-height: 100%; text-align: left; //margin.height: 30px; } .title { border-bottom: 1px dashed #31282e; padding: 3px; text-align: left; color: #150c4c; font: 18px Helvetica; letter-spacing : 3px; font-weight: bold; font-variant: small-caps; margin-bottom: 3px; } </style /> </head><body text="firebrick"> <div style="position: absolute; left: 613px; top: 0px;"> <img src="http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/kaie_poogles.jpg"></div> <div class="content2" style="position: absolute; left:410px; top: 20px; width: 171px;"> <p> <p><p class="ch">Navigation</p> <p class="content"> <a href=" ">Link</a><br> <a href=" ">Link</a><br> <a href=" ">Link</a><br> <a href=" ">Link</a><br> <a href=" ">Link</a><br> <a href=" ">Link</a><br> <a href=" ">Link</a><br> </p> <br><br><br><br><br><br> <p class="ch">Header</p> <p class="content"> <br>Text<br>Text<br>Text<br>Text<br>Text<br> <br> <br></p><br><br><br><br><br><br><br> <p class="ch">Header</p> <p class="content"> Text<br>Text<br>Text<br>Text<br>Text<br>Text<br> </p> <br><br><br><br><br><br><br> <p class="ch">Credits</p> <p class="content"> Site © Your Name<br> From billopan.com<br> Layout by <a href="http://www.neopets.com/userlookup.phtml?user=rein_">Kaie (rein)</a> </div> <div class="body"> <div class="bg"></div> <div style="position: absolute; left: 614px; top: 393px; width: 633px; background-color: #FFFFFF; border-style: solid; color: #150c4c; padding: 0px 5px 0px 5px;"> <p><td><b><p class="title">Header</p> Your text here<br><br><br><br><br><br><br><br><br><br><br><br><br><br> <p> </td>
Grey Grey Faerie <style> #eks { } body { color: #000; margin: 0px; font-family: Verdana; font-size: 13px; background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/kaie_graybg.jpg) top left repeat-y; background-color: #939496; } a:visited { color: #ffffff; text-decoration: none; cursor: crosshair; } a:link { color: #807f7f; text-decoration: underline; cursor: crosshair; } a:hover { color: #000000; text-decoration: none; font-weight: none; cursor: crosshair; } .sf {font-size: 8pt;} div.bg { background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/kaie_gray1.jpg) top left no-repeat; width: 600x; height: 358px; } div.bg1 { background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/kaie_gray2.jpg) top left no-repeat; width: 599px; height: 92px; } #div { margin-left: 600px; float: left; width: 150px; padding-bottom: 5px; } #div1 { float: left; margin-left: 68px; margin-top: 0px; width: 469px; padding-bottom: 5px; } div.content { background-color: #C0C0C0; margin-top: 10px; border: 1px dashed #939496; } div#padding { padding: 3px; } div.font { color: #fff; font-family: Georgia; font-size: 20px; text-align: right; padding: 0px; border-bottom: 1px dashed #000; margin-bottom: 5px; margin-top: 15px; } div.font:first-letter { font-weight: bold; color: #807f7f; text-transform: none; } ul { padding-left: 15px; margin: 0px; list-style-type: dot; } div.h1 { color: #fff; font-family: Georgia; font-size: 20px; text-align: right; padding: 0px; border-bottom: 1px dashed #000; margin-bottom: 5px; margin-top: 5px; } div.h1:first-letter { font-weight: bold; color: #807f7f; text-transform: none; } </style /> </head> <body> <div align="left"> <div class="bg"></div> <div class="bg1"> <div id="div"> <div class="font">Navigation</div> Text here <div class="font">Header</div> <div class="nav"><ul> <li><a href=>Link </A></li> <li><a href=>Link </A></li> <li><a href=>Link </A></li> <li><a href=>Link </A></li> </ul></div> <div class="font">Header</div> <div class="nav"><ul> <li><a href=>Link </A></li> <li><a href=>Link </A></li> <li><a href=>Link </A></li> <li><a href=>Link </A></li> </ul></div> <div class="font">Credits</div> <center> Site © Your name <br>From billopan.com</A> <br>Layout: <a href="http://www.neopets.com/userlookup.phtml?user=rein_" target="_blank">Kaie (rein_)</A> </center> </div> <div id="div1" style="position: absolute;"> <div class="content" id="padding"> <div class="h1">Header here</div> Your text here<p> <a href="http://neopets.com">Link</a><p> <b>Bold text</b><p> <i>Italic</i><p> <u>Underline</u><p> </div> <div class="content" id="padding"> <div class="h1">Header here</div> Your text here<p> <a href="http://neopets.com">Link</a><p> <b>Bold text</b><p> <i>Italic</i><p> <u>Underline</u><p> </div> </center>	Green Spardel <style> div, td { font-family: Verdana; font-size: 11px; color: #2b5214; text-align: center; } a:link, a:active, a:visited {text-decoration:cursor:crosshair; color: #407200; letter-spacing: 3px; word-spacing: 2px; height: 1px; } A:hover { text-decoration: none; color:#FFFFFF; cursor:crosshair; } .title { border-bottom: 1px dashed #62bb2d; padding: 3px; text-align: right; color: #358f01; font: 20px Verdana; letter-spacing : 3px; font-weight: bold; font-variant: small-caps; margin-bottom: 3px; } </style /> <body background="http://i443.photobucket.com/albums/qq154/kaietheschaeper/sbg3.jpg"> <p> <p> <p class="head"> <p class="content"> <div style="position: absolute; top: 50px; left: 140px; width: 400px; height: 400px; background-color: #FFFFFF; overflow: auto;"> <img src="http://i443.photobucket.com/albums/qq154/kaietheschaeper/spardel.jpg"> </div> <div style="position: absolute; top: 50px; left: 540px; width: 540px; height: 400px; background-color: #8ac73b; overflow: auto;"> <p> <p> <p class="title">Title</p> Text<br>Text<br>Text<br>Text<br>Text <br>Text<br>Text<br>Text<br>Text<br>Text<br>Text <br>Text<br>Text<br>Text<br>Text<br>Text<br>Text <br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br> Text<br> Text<br> Text<br> Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br> <p class="title">Title</p> Text<br>Text<br>Text<br>Text<br>Text<br>Text<br> Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br> Text<br>Text<br>Text<br>Text<br> Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br> Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br> <p class="title">Credits</p> Site © Your name <br>From billopan.com</A> <br>Layout: <a href="http://www.neopets.com/userlookup.phtml?user=rein_" target="_blank">Kaie (rein_)</A>
Draik & Meepit fun <style>// #eks { } body { background: url('http://i290.photobucket.com/albums/ll242/TNOgraphics/blogs/kaiebg_meepitdraik.png'); } div { font-family: Trebuchet MS; font-size: 12px; color: #000; text-align: justify; } a:visited { color: #000; text-decoration: none; cursor: crosshair; font-weight: bold; } a:link { color: #000; text-decoration: underline; cursor: crosshair; font-weight: bold; } a:hover { color: #000; font-weight: bold; letter-spacing: 1px; text-decoration: underline overline; cursor: crosshair; } h1 { font: 16pt Georgia; color: #24106b; border-bottom: 3px dotted #f24590; font-style: italic; font-weight: bold; margin-top: 3px; } h2 { font: 12pt Trebuchet MS; color: #424064; text-align: right; font-weight: bold; padding-right: 50px; } </style /> <table style="height: 525px; width: 700px; position: fixed; top: 100px; left: 300px; margin: -10px;" background="http://i290.photobucket.com/albums/ll242/TNOgraphics/blogs/Kaie_main_meepitdraik.png" align="left"> <tr><td> <div style="padding: 5px; position: relative; top: 0px; left: 235px; height: 420px; width: 400px; overflow: auto; text-align: justify;"> <h1>Header</h1> Text here<br>Text here<br> <a href=" ">Link</a> <h2>Header 2</h2> Text here<br>Text here<br>Text here<br>Text here<br>Text here<br>Text here<br> Text here<br>Text here<br>Text here<br>Text here<br>Text here<br>Text here<br>Text here<br>Text here<br> Text here<br>Text here<br>Text here<br>Text here<br>Text here<br>Text here<br>Text here<br>Text here<br> <p>Layout by <a href="http://www.neopets.com/userlookup.phtml?user=rein_">rein_</a> </div> </td></tr></table>	Stellar Shoyru <style> #eks { } body { font-family: Trebuchet MS; font-size: 12px; color:#FFFFFF; background-color: #1d2023; margin: 0px; } h1 { font-family: Courier New; font-size: 12px; color: #1d2024; border: #6e7887 solid 1px; background-color: #b8cce7; text-align:center; letter-spacing: 5px; padding: 2px; } .box { background-color:#3a5271; text-align:justify; border: #6e7887 solid 1px; } .nav { background-color:#3a5271; text-align:center; border: #6e7887 solid 1px; } a:link, a:active, a:visited { text-decoration: none; color:#6086b8; } a:hover { text-decoration: underline overline; color:#81b1f0; cursor:crosshair; } </style /> <table width=623 border=0 cellpadding=0 cellspacing=0> <tr> <td> <img src="http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/Kaie_Shoyru_PP.png" width=623 height=550></td> </tr> </table> <div id="content" style="position:absolute; left:275px; top:325px; width:450px; height:283px;"> <h1>Welcome</h1> <p class="box"><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque adipiscing. Morbi auctor nisi id nunc. Nullam dolor. Phasellus ac dolor ac erat pulvinar accumsan. Vivamus libero justo, pellentesque sed, ornare quis, vehicula id, sapien. Vestibulum eget lorem et metus lacinia ultrices. Proin laoreet nibh in mauris. Mauris ornare. Maecenas venenatis. Duis porttitor dictum ligula. Nam a nunc non libero bibendum vehicula. Nulla sed massa eu enim eleifend pretium. Praesent quis augue. Fusce fringilla. Curabitur rutrum tincidunt neque. Aliquam nec mauris vitae justo dignissim dictum. <br> <br> </p> <h1>Header</h1> <p class="box"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque adipiscing. Morbi auctor nisi id nunc. Nullam dolor. Phasellus ac dolor ac erat pulvinar accumsan. Vivamus libero justo, pellentesque sed, ornare quis, vehicula id, sapien. Vestibulum eget lorem et metus lacinia ultrices. Proin laoreet nibh in mauris. Mauris ornare. Maecenas venenatis. Duis porttitor dictum ligula. Nam a nunc non libero bibendum vehicula. Nulla sed massa eu enim eleifend pretium. Praesent quis augue. Fusce fringilla. Curabitur rutrum tincidunt neque. Aliquam nec mauris vitae justo dignissim dictum. </p> <h1>Extras</h1> <p class="box"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque adipiscing. Morbi auctor nisi id nunc. Nullam dolor. Phasellus ac dolor ac erat pulvinar accumsan. Vivamus libero justo, pellentesque sed, ornare quis, vehicula id, sapien. Vestibulum eget lorem et metus lacinia ultrices. Proin laoreet nibh in mauris. Mauris ornare. Maecenas venenatis. Duis porttitor dictum ligula. Nam a nunc non libero bibendum vehicula. Nulla sed massa eu enim eleifend pretium. Praesent quis augue. Fusce fringilla. Curabitur rutrum tincidunt neque. Aliquam nec mauris vitae justo dignissim dictum. </p> <br> </p> </div> <div id="content" style="position:absolute; left:43px; top:465px; width:199px; height:283px;"> <h1>Navigation</h1> <p class="nav"> <a href="#1">link</a><br> <a href="#2">link</a><br> <a href="#3">link</a><br> <a href="#4">link</a><br> </p> <h1>Links</h1> <p class="nav"> <a href="#1">link</a><br> <a href="#2">link</a><br> <a href="#2">link</a><br> <a href="#3">link</a><br> </p> <h1>Credits</h1> <p class="nav"> Layout by <a href="http://www.neopets.com/userlookup.phtml?user=rein_">rein_</a> for billopan.com Please DO NOT REMOVE! </p>
Up For Adoption! Blue & Yellow <style> body { background: #000 url('http://i290.photobucket.com/albums/ll242/TNOgraphics/petlookups/kaie_UFA_bg.png') fixed; font-family: century gothic; color: #1e00ff; line-height:100%; text-align: justify; font-size: 12px; } .pet { background-color: #9e99c2; font-family: verdana; font-size: 8pt; color: #000; padding: 10 10 10 10; height: 150px; width: 300px; text-align: left; } h1 {font-family: trebuchet ms; font-size: 26px; color: #0d0072; text-align: left; padding-left: 15px; border-bottom: 1px #cc68f6 dotted; line-height: 100%; } a:link { color: #080042; font-weight: bold; } a:visited { text-decoration: none; color: #5d578c; font-weight: bold; } a:active { text-decoration: none; color: #080042; } A:hover { text-decoration: underline; background-color: #e1f347; letter-spacing: 1px; } .sf {display:none;} </style /> <body> <center> <p> <div style="position: center; width: 600px; height: 55px; overflow: auto;"> <img src="http://i290.photobucket.com/albums/ll242/TNOgraphics/petlookups/kaie_UFA_header.png"></div> <div style="position: center; width: 600px; height: 400px; background-color: #fffb9b; overflow: auto; border: dashed #1e00ff 1px; padding: 5px;"> <h1>Header</h1> <br>Sed lacus est, dapibus et, consequat quis, mattis consequat, lorem. Integer turpis orci, accumsan sed, pharetra ut, posuere vel, nisl. Sed velit ipsum, vulputate non, interdum at, fringilla vitae, neque. Nunc iaculis sodales dolor. Duis a metus a quam semper ultrices. Cras ut nisi. In ut dolor quis sem scelerisque sollicitudin. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non ipsum eget risus convallis volutpat. Integer accumsan magna non sem. Vestibulum mollis. Nullam at diam interdum augue cursus rhoncus. Morbi non libero. Nam dapibus. Suspendisse potenti. <h1>Pets</h1> <p class="pet"><img src="http://pets.neopets.com/cpn/Syferai/1/2.png" style="float:left; margin-right: 5px;"><a href="http://www.neopets.com/petlookup.phtml?pet=Syferai"><center>Syferai</center></a><br><br> Level: 2<br> Gender: Male<br> Hit Points: 79 / 79<br> Strength: GREAT (21)<br> Defence: poor<br> Movement: mach 2<br> Intelligence: master genius (79)</p> <p>Nam euismod dictum velit. Mauris tristique. Pellentesque consequat, nulla in venenatis vulputate, urna sem scelerisque nunc, sodales congue dui ligula vitae lorem. Morbi est ligula, eleifend id, lobortis at, adipiscing id, ipsum. Vivamus id purus. Etiam id nulla. Proin et leo. Fusce viverra, augue id feugiat sollicitudin, ante tellus facilisis lorem, a malesuada purus risus ac nisl. In leo ipsum, blandit nec, pulvinar eu, pulvinar id, diam. Vestibulum ut tellus. Cras quis nulla vel lectus consequat pellentesque. Praesent non risus non eros pulvinar auctor. Nulla ac sem a lorem mollis fermentum. Duis consectetur eros non quam. Donec tortor odio, tincidunt et, ornare quis, tempor sit amet, metus. Nam felis mauris, dapibus id, porta vel, interdum in, mi. Suspendisse non odio at magna consequat posuere. Mauris a tortor. <p> Integer auctor ultricies tellus. Vestibulum eget erat placerat nunc venenatis ultrices. Cras massa lacus, lobortis ac, lobortis sed, molestie a, ligula. Aenean justo. Praesent nec ligula. Donec sit amet justo ac est tempus volutpat. Duis eu sem sit amet dolor iaculis convallis. In a eros a ante ullamcorper aliquam. Integer a mauris. Donec est justo, molestie vitae, porta ut, volutpat vel, quam. Nulla luctus scelerisque odio. Donec pulvinar, justo a elementum rhoncus, lacus ipsum bibendum dolor, vel lobortis elit elit non mauris. Donec malesuada. <p> Integer auctor ultricies tellus. Vestibulum eget erat placerat nunc venenatis ultrices. Cras massa lacus, lobortis ac, lobortis sed, molestie a, ligula. Aenean justo. Praesent nec ligula. Donec sit amet justo ac est tempus volutpat. Duis eu sem sit amet dolor iaculis convallis. In a eros a ante ullamcorper aliquam. Integer a mauris. Donec est justo, molestie vitae, porta ut, volutpat vel, quam. Nulla luctus scelerisque odio. Donec pulvinar, justo a elementum rhoncus, lacus ipsum bibendum dolor, vel lobortis elit elit non mauris. Donec malesuada. </div> <p> </div> Layout by <a href="http://www.neopets.com/userlookup.phtml?user=rein_">rein_</a> for billopan.com </body> </p>	Up For Adoption! Black & White <style> #eks { } body { color: #000; margin: 0px; font-family: Verdana; font-size: 10px; background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/kaie_UFA_petpage_bg.png) top left repeat-y; background-color: #fff; } a:link, a:visited { color: #ae0000; font-weight: bold; text-decoration: none; cursor: crosshair; } a:hover { color: #000000; text-decoration: none; font-weight: none; cursor: crosshair; } .sf {font-size: 8px;} div.bg { background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/kaie_UFA_petpage_header.png) top left no-repeat; width: 600x; height: 320px; } div.bg1 { background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/kaie_UFA_petpage_bg.png) top left no-repeat; width: 599px; height: 42px; } #div { margin-left: 600px; margin-top: -220px; float: left; width: 150px; padding-bottom: 5px; } #main { float: left; margin-left: 48px; margin-top: 0px; width: 503px; padding-bottom: 5px; text-align: justify; } div.font { background-color: #000; font-family: century gothic; font-size: 18pt; color: #fff; padding-bottom: 3px; padding-left: 7px; margin-bottom: 3px; } div.font:first-letter { font-weight: bold; font-style: oblique; } .head {background-color: #000; font-family: century gothic; font-size: 18pt; color: #fff; padding-bottom: 3px; padding-left: 10px; margin-bottom: 3px;} .head:first-letter {font-style: oblique; font-weight: bold;} .nav { display: block; padding: 5 10 5 10; text-decoration : none; font-weight : bold; margin: 5 0 5 0; background-color: #346667; font-family: century gothic; font-size: 8pt; } A:link.nav, A:visited.nav { background-repeat : no-repeat; background : #000; color : #fff; } A:hover.nav { background : #fff; color : #000; border: #000 dotted 1px; text-transform: none; } .pet { font-family: verdana; font-size: 8pt; color: #000; padding: 10 10 10 10; height: 150px; width: 300px; text-align: left; margin-left: 90px; border: #000 dotted 1px; } .name {font-family: verdana; text-align: center;} a:link.name, a:visited.name {color: #000; font-weight: bold; border-bottom: #000 dotted 1px;} a:hover.name { color: #ae0000; } </style /> </head> <body> <div align="left"> <div class="bg"></div> <div class="bg1"> <div id="div" style="position: fixed;"> <div class="font">Navigation</div> <a class="nav" href="http://neopets.com">Link</a> <a class="nav" href="http://neopets.com">Link</a> <a class="nav" href="http://neopets.com">Link</a> <a class="nav" href="http://neopets.com">Link</a> <a class="nav" href="http://neopets.com">Link</a> <a class="nav" href="http://neopets.com">Link</a> <a class="nav" href="http://neopets.com">Link</a> <a class="nav" href="http://neopets.com">Link</a> <br>Credit: billopan.com</A> <br>Layout by <a href="http://www.neopets.com/userlookup.phtml?user=rein_" target="_blank">Kaie (rein_)</A> </center> </div> <div id="main" style="position: absolute;"> <div class="head">Header</div> Sed lacus est, dapibus et, consequat quis, mattis consequat, lorem. Integer turpis orci, accumsan sed, pharetra ut, posuere vel, nisl. Sed velit ipsum, vulputate non, interdum at, fringilla vitae, neque. Nunc iaculis sodales dolor. Duis a metus a quam semper ultrices. Cras ut nisi. In ut dolor quis sem scelerisque sollicitudin. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non ipsum eget risus convallis volutpat. Integer accumsan magna non sem. Vestibulum mollis. Nullam at diam interdum augue cursus rhoncus. Morbi non libero. Nam dapibus. Suspendisse potenti. <p class="pet"><img src="http://pets.neopets.com/cpn/Syferai/1/2.png" style="float:left; margin-right: 5px;"><a class="name" href="http://www.neopets.com/petlookup.phtml?pet=Syferai">Syferai</a><br><br> Level: 2<br> Gender: Male<br> Hit Points: 79 / 79<br> Strength: GREAT (21)<br> Defence: poor<br> Movement: mach 2<br> Intelligence: master genius (79)<br> Petpet: Zapped</p> <p> <a href="http://neopets.com">Link</a><p> <b>Bold text</b><p> <i>Italic</i><p> <u>Underline</u><p> Sed lacus est, dapibus et, consequat quis, mattis consequat, lorem. Integer turpis orci, accumsan sed, pharetra ut, posuere vel, nisl. Sed velit ipsum, vulputate non, interdum at, fringilla vitae, neque. Nunc iaculis sodales dolor. Duis a metus a quam semper ultrices. Cras ut nisi. In ut dolor quis sem scelerisque sollicitudin. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non ipsum eget risus convallis volutpat. Integer accumsan magna non sem. Vestibulum mollis. Nullam at diam interdum augue cursus rhoncus. Morbi non libero. Nam dapibus. Suspendisse potenti.
Up For Adoption! Purple <style> body { cursor: crosshair; font-family: Trebuchet MS; text-decoration: none; color: #373737; font-size: 8pt; text-align: Justify; background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/KAIE_purple_bg.png); } a { font-weight: bold; cursor: crosshair; } a:link, a:active { color: #94629a; font-family: Trebuchet MS; font-weight: bold; text-decoration: none; } a:visited { color: #94629a; font-family: Trebuchet MS; text-decoration: none; } a:hover { color: #a48ba7; text-decoration: underline overline; } table { font-family: Trebuchet MS; font-size: 9pt; color: #373737; text-align: Justify; } td { margin: 0; padding: 10px; background-color: #cccccc; border: 1px solid #cccccc; background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/KAIE_purple_ContentBG.png); } ul { padding-left: 25px; margin: 0px; font-size: 10pt; } .nav { font-size: 10pt; font-family: georgia; color: #be7fc5; background-color: #522647; padding: 0px; text-align: center; margin: 7px; padding: 3 5 3 5; } .head { background-color: #522647; font-size: 22pt; font-family: georgia; padding: 0 5 0 7; color: #be7fc5; font-variant: small-caps; border-right: 25px #be7fc5 solid; } .credit { font-size: 10pt; font-family: georgia; color: #522647; padding: 0px; text-align: center; margin: 7px; } .header { background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/KAIE_purple_header.png) no-repeat; width: 847px; height: 80px; margin-bottom: 0px; } .footer { background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/KAIE_purple_footer.png) no-repeat; width: 848px; height: 82px; margin-bottom: 0px; margin-top: -8px; } .title { font-family: georgia; font-size: 65px; letter-spacing: -4px; font-variant: small-caps; color: #522647; text-align: left; padding-left: 30px; } .title2 { font-family: trebuchet ms; font-size: 11pt; letter-spacing: 4px; font-variant: small-caps; font-weight: bold; color: #94629a; padding-left: 60px; text-align: left; margin-top: -20px; } .pet { background-color: #522647; font-family: verdana; font-size: 8pt; color: #000; padding: 10 10 10 10; height: 150px; width: 300px; text-align: left; margin-left: 150px; } .sf {display:none;} </style /> <body topmargin="0" bgcolor="#373737"> <div align="center"> <table cellpadding="15"> <div class="header"><div class="title">Site title here</div> <div class="title2">Something about your site here</div> </div> <table cellspacing="5" cellpadding="0" width="850"><tr> <td width="160" valign="top"> <p class="nav">Navigation</p> <ul> <a href="http://neopets.com">Link</a><br> <a href="http://neopets.com">Link</a><br> <a href="http://neopets.com">Link</a><br> </ul> <p class="nav">Navigation</p> <ul> <a href="http://neopets.com">Link</a><br> <a href="http://neopets.com">Link</a><br> <a href="http://neopets.com">Link</a><br> </ul> <p class="nav">Navigation</p> <ul> <a href="http://neopets.com">Link</a><br> <a href="http://neopets.com">Link</a><br> <a href="http://neopets.com">Link</a><br> </ul> </td> <td width="690" valign="top"> <p class="head">Header goes here</p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque adipiscing. Morbi auctor nisi id nunc. Nullam dolor. Phasellus ac dolor ac erat pulvinar acsan. Vivamus libero justo, pellentesque sed, ornare quis, vehicula id, sapien. Vestibulum eget lorem et metus lacinia ultrices. Proin laoreet nibh in mauris. Mauris ornare. Maecenas venenatis. Duis porttitor dictum ligula. Nam a nunc non libero bibendum vehicula. Nulla sed massa eu enim eleifend pretium. Praesent quis augue. Fusce fringilla. Curabitur rutrum tincidunt neque. Aliquam nec mauris vitae justo dignissim dictum. <p class="pet"><img src="http://pets.neopets.com/cpn/Syferai/1/2.png" style="float:left; margin-right: 5px;"><a class="name" href="http://www.neopets.com/petlookup.phtml?pet=Syferai">Syferai</a><br><br> Level: 2<br> Gender: Male<br> Hit Points: 79 / 79<br> Strength: GREAT (21)<br> Defence: poor<br> Movement: mach 2<br> Intelligence: master genius (79)<br> Petpet: Zapped</p> <p class="head">Header goes here</p> Cras venenatis lacinia sem. Nullam eu risus et mi volutpat convallis. Maecenas gravida est ut augue. Nullam mollis urna in enim. sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sollicitudin. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc congue interdum purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam eu massa. In eu ligula vel nisi fringilla interdum. Nullam vel nunc at odio auctor adipiscing. Donec quis augue. Fusce consequat arcu eu felis. Suspendisse potenti. Sed a lorem vel lectus dapibus ultrices. Aliquam tempus malesuada justo. Nulla congue quam a nisi. Proin fringilla pharetra dolor. Duis metus augue, viverra sit amet, luctus sed, scelerisque eu, turpis. <p class="head">Header goes here</p> Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut vitae metus vitae metus vehicula iaculis. Mauris id est vitae libero placerat gravida. Morbi non augue. Ut cursus ullamcorper justo. Aenean id ligula. Integer leo. Cras vel ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam velit mauris, tincidunt eget, mollis sed, ullamcorper sed, orci. Donec sed nisl nec ligula tincidunt porta. In fringilla lorem et ipsum. </td> </tr></table> <table width="850" valign="top"> <div class="footer"><p class="credit">Credits:</p> Layout by <a href="http://www.neopets.com/userlookup.phtml?user=rein_">rein_</a> for billopan.com <br>Site by YOURNAMEHERE</div> </table>	Up For Adoption! Royal <style> #eks { } body { text-align: left; background-image: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/KAIE_royal_bg.png); background-color: #FFFFFF; margin: 0px; padding: 0px; margin-left: 0px; margin-right: 0px; font-family: Verdana; color: #a06075; font-size: 8pt; text-align: justify; letter-spacing: 1px; cursor: crosshair; } table, td, tr { padding: 0px; margin: 0px; letter-spacing: 2px; } a:active, a:link { color: #a18907; text-decoration: none; font-weight: bold; cursor: crosshair; } a:hover { color: #bd8194; text-decoration: none; cursor: crosshair; } a:visited { color: #a18907; } h1 { padding: 0 -2 2 0; text-align: right; color: #642a3d; font: 24pt georgia; border-bottom: 1px solid #a18907; margin-top: -2px; margin-bottom: 0px; } h2 { padding: 5 1 -1 1; color: #a18907; font: 14pt Georgia; margin-top: -2px; border-bottom: #a18907 1px solid; } h3 { font: 80 times new roman; color: #642a3d; font-variant: small-caps; letter-spacing: -5px; font-style: oblique; } h4 { font: 12 century gothic; color: #a18907; margin-top: -15px; letter-spacing: 4px; text-align: right; padding-right: 10px; } .sub { font: 12 century gothic; color: #a18907; margin-top: -100px; padding-left: 130px; letter-spacing: 4px; } .main { top: 124px; left: 340px; width: 465px; background-color: #a18907; background: url( http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/KAIE_royal_ContentBG.png); border-left: 8px solid #a18907; border-right: 8px solid #a18907; border-bottom: 8px solid #a18907; padding: 5px; } .content { padding-left: 15px; padding-right: 15px; } .title { top: -70px; left: 122px; } .nav { background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/KAIE_royal_NavBG.png); color: #a18907; top: 152px; left: 105px; width: 174px; padding: 15 15 15 15; border-bottom: 8px solid #a18907; border-right: 8px solid #a18907; border-left: 8px solid #a18907; } .pet { font-family: verdana; font-size: 8pt; height: 150px; width: 300px; text-align: left; padding: 10 10 10 10; margin-left: 80px; border: 1px solid #a18907; } .block { display: block; background-color: #a18907; border: 1px dotted #503b01; font-family: Verdana; font-size: 8pt; font-weight: bold; text-align: center; padding: 1px; margin: 0 10 0 10; } A:link.block, A:visited.block { background-color: #a18907; color: #503b01; text-decoration: none; } A:hover.block { background : #503b01; color: #a18907; border: 1px #a18907 dotted; } .sf { display: none } </style /> <body bgcolor="#000000"> <div style="position: absolute; top: 0px; left: 102px;"><img src="http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/KAIE_royal_Header.png" border=0/></div> <div style="position: absolute;" class="title"><h3>Site title here</h3> <p class="sub">Something about your site here</p></div> <div style="position: absolute; top: 135px; left: 94px;"><img src="http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/KAIE_royal_NavHeader.png" width="250" height="50" border=0/></div> <div class="nav" style="position: absolute;"> <h2>Navigation</h2> More text<br><br> <a class="block" href="#1">Link</a> <a class="block" href="#2">Link</a> <a class="block" href="#3">Link</a> <a class="block" href="#4">Link</a> <a class="block" href="#5">Link</a> <a class="block" href="#6">Link</a> <a class="block" href="#7">Link</a> <a class="block" href="#8">Link</a> <br> <h2>More Text</h2> Other things here<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque mi ipsum, varius sit amet, ultrices ac, imperdiet id, lorem. Donec mollis risus nec purus. <br> <h2>Credits</h2> Layout by <a href="http://www.neopets.com/userlookup.phtml?user=rein_">rein_</a> for billopan.com<br><br> Site by YOURNAME </div> <div class="main" style="position: absolute;"> <div class="content"> <h1>Header</h1> <h4>Subheader here</h4> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque mi ipsum, varius sit amet, ultrices ac, imperdiet id, lorem. Donec mollis risus nec purus. Vestibulum nec lorem. Ut auctor, orci sit amet vehicula semper, magna ante sodales libero, vitae pharetra neque quam eu lorem. Nam convallis massa nec nibh. Proin elit lacus, cursus ut, lobortis id, elementum at, sem. Nulla semper felis fringilla sem. In diam. Aliquam quam pede, consequat sed, interdum in, suscipit a, enim. Donec semper blandit eros. Maecenas ac mi. Vestibulum bibendum convallis ligula. Fusce sagittis porttitor lectus. Vestibulum aliquam sagittis pede. Suspendisse potenti.<p> <p class="pet"><img src="http://pets.neopets.com/cpn/Syferai/1/2.png" style="float:left; margin-right: 5px;"><a class="name" href="http://www.neopets.com/petlookup.phtml?pet=Syferai">Syferai</a><br><br> Level: 2<br> Gender: Male<br> Hit Points: 79 / 79<br> Strength: GREAT (21)<br> Defence: poor<br> Movement: mach 2<br> Intelligence: master genius (79)<br> Petpet: Zapped</p> <p>Mauris sagittis lorem non lacus. Etiam interdum massa nec elit. In iaculis justo vitae urna. Nullam varius, leo eget posuere pulvinar, ligula risus interdum lorem, vitae ultricies mauris pede ac risus. Integer sed mauris eget metus sagittis blandit. Sed nec nisl id risus posuere facilisis. Suspendisse potenti. Mauris mi elit, tempor vulputate, venenatis ut, tempor nec, nisl. Aenean ultrices malesuada pede. Nulla nulla. In pede. Maecenas mollis neque sed dolor. Sed ut lacus vitae nulla cursus ullamcorper. Phasellus adipiscing lectus nec lacus. Vestibulum vel turpis sit amet nibh congue ornare.<p> <h1>Header</h1> <p>Cras orci velit, sodales a, adipiscing non, tempus vel, sapien. Nullam luctus. Integer adipiscing iaculis leo. Vestibulum lobortis, est id aliquet porttitor, nunc ipsum sagittis nulla, sit amet porta arcu nisi fermentum mauris. Aliquam fermentum turpis ac orci vehicula pretium. Pellentesque sollicitudin. Cras nec lacus vel est eleifend tempor. Cras dolor purus, fermentum nec, porta eu, iaculis a, mauris. Sed ullamcorper molestie lorem. Proin nibh nulla, convallis a, hendrerit vel, rutrum vel, libero. Ut volutpat neque imperdiet justo. Quisque eleifend blandit purus. In cursus facilisis ligula. Praesent ut erat sit amet urna lacinia tempor. Vivamus non magna. Duis vehicula. Nulla congue tristique massa. Morbi volutpat, urna vel consequat mollis, justo odio interdum massa, quis interdum nisl mauris sit amet diam. Integer id lectus at nisi imperdiet faucibus.<p> Sed at nulla. Duis et ante. Integer sed orci. Aenean rhoncus, mi ac fermentum sodales, ligula lectus dictum augue, vitae porttitor orci ligula quis lorem. Donec mollis elit. Ut porttitor dui quis sem. Mauris ante. Praesent malesuada nisl vel tellus. Etiam leo augue, sodales at, aliquam quis, sollicitudin sed, sem. Etiam fringilla lorem eget urna. Maecenas ut risus. Curabitur at justo. <p>

Petpages by Joy

Up To No Good

#banner {position:absolute; left:0px; top:14px; }

#content {
	color: #916432;
	font-family:verdana, arial, sans-serif;
	font-size:10px;
	position:absolute;
	left:235px; top:184px; width:380px;
	padding-left:10px;
	}

#content h1{
	color:#9D6938;
	font:9pt times new roman;
	font-weight:bold; 
	background-color: #D6C7B5;
	text-transform:uppercase;
	border-bottom:2px solid #9D6938;
	text-align:right;
	}

#nav {	
	color:#9D6938;
	font-family:verdana, arial;
	font-size:11px;
	position:absolute;
	left:25px; top:380px; width:200px;
	padding:3px;
	}

#nav h1{
	color:#9D6938;
	text-transform:uppercase;
	font:9pt times new roman;
	font-weight:bold;
	border-bottom:2px solid #D6C7B5;
	text-align:left;
	}

a{	
	color:#A98B6E;
	font:10pt verdana;
	text-decoration:none
	}

a:hover{
	color:#9D6938;
	text-decoration: underline;
	background-color: #D6C7B5;
	}

</style />

<h1>Side Content</h1>
This is the side bar. Place links and extraneous content over here. ^__^<BR><BR>

<h1>Navigation</h1>
<a href="index.html">Top</a>
<BR><BR>
<a href="#one">Link 1</a><BR>
<a href="#two">Link 2</a><BR>
<a href="#three">Link 3</a><BR>
<BR>

<h1>Links Out</h1>

</div>

<h1>HEADING</h1>

<p><i>Heermeedjet: "All this eating is making me sleepy...
I think it might be time for a nap.</i></p>

<p><i>Merouladen: "Honest, I was gonna put that back...</i> </p>

<p>Despite their unconvential methods, the Meerca Brothers are quickly gaining a reputation as Neopia's top burglars. Doing the bidding of their evil master, these stealing siblings have already had a hand in number of high profile robberies... who knows when they'll strike again?</p>

<p align="right"><a href=http://www.neopets.com/neopedia.phtml?neopedia_id=77><i>~ Neopedia : The Meerca Brothers</i></a></p>

normal.
<b>bold.</b>
<i>italic.</i>
<u>underline.</u>
<a href=http://www.neopets.com>link.</a>

</center>

<h1>Terms of Use</h1>

<p>You may not edit the coding or banner in any way, or use it to make your own layouts.</p>

<p>Do not remove the credits.
Do not claim the petpage as your own.</p>

Petpages by xrenewed

Purple Scorchio

.smallfont, .sf, table {display: none;}

textarea {height:20px;
    width: 50px;
    font-family: small fonts;
    font-size: 6pt;
    border-top: 1px solid #57257E;
    border-bottom: 1px solid #CC98F1;
    border-right: 1px solid #57257E;
    border-left: 1px solid #CC98F1;}

body{background: url(http://img107.imageshack.us/img107/1118/scorchybgfi2.gif);}

body {scrollbar-face-color:#CC98F1;
    scrollbar-shadow-color:#57257E;
    scrollbar-highlight-color:#57257E;
    scrollbar-3dlight-color:#F2C2FE;
    scrollbar-arrow-color:#57257E;
    scrollbar-track-color:#F2C2FE;
    scrollbar-darkshadow-color:#F2C2FE;}

BODY, P, A, FONT, TD, DIV, .V {line-height: 8pt; color: #000000; font-family: tahoma; cursor: default; font-size: 7pt;}

b {letter-spacing: 1pt; color: #57257E; line-height: 8pt;
    font-family: tahoma; font-size: 7pt;}

i {color: #CC98F1; background-color: #57257E;
    font-family: tahoma; font-size: 7pt;}

a:link, a:visited, a:active {letter-spacing: 1pt;
    color: #57257E; line-height: 8pt;
    font-family: tahoma; font-size: 7pt;
    cursor: crosshair; text-decoration: underline;}

a:hover {letter-spacing: 1pt;
    color: #CC98F1; line-height: 8pt;
    font-family: tahoma; font-size: 7pt;
    cursor: crosshair; text-decoration: underline;}

hr {color: #CC98F1; border: 1px solid #000000; height: 4px; width: 100%;}

h1 {text-align: center; color: #57257E; font-family: Tahoma; font-size: 7pt; background-color: #CC98F1; line-height: 15px; margin: 0px; text-transform: uppercase; border-bottom: 2px dotted #57257E;}

h2 {text-align: center; color: #CC98F1; font-family: Tahoma; font-size: 7pt; background-color: #57257E; line-height: 15px; margin: 0px; text-transform: uppercase; border-left: 25px solid #CC98F1; border-right: 25px solid #CC98F1;}

ul {list-style-type: none; padding: 4; margin: 4;}

li {background-image: url(http://img.photobucket.com/albums/v378/NightsMistress/tnostuff/scorchyarr.gif); background-repeat: no-repeat; padding-left: 1.1em;}

</style />

</div>

<BR><h2>header 2</h2>

<br><b>this is bold</b>
    <br><i>this is italic</i>
    <br><u>this is underlined</u>
    <br><text_area>this is a text area</text_area>
    <br>this is normal text and below is a horizontal rule
    <br><hr>

</div>

<h1>header 1</h1>
    <ul>
    <li><a href="http://www.neopets.com">link</a>
    <li><a href="http://www.neopets.com">link</a>
    <li><a href="http://www.neopets.com">link</a>
    </ul>

Petpages by Freesong

Blood Moon

#main {
	width: 600px; 
	border: 1px solid #d6bebe; 
	background: #3e0909; 
	position: absolute; 
	top: 20px; 
	left: 10px;
	height: 5000px;
}

#header {
	width: 600px; 
	height: 466px; 
	background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/bloodmoon_banner.gif);
}

#right {
	border: 1px solid #d6bebe; 
	background: #3e0909; 
	position: absolute; 
	top: 20px; 
	left: 620px;
	height: 5000px; 
	width: 180px; 
}

#right ul,
#right li {
	list-style-type: none;
	background: #5b0101;
	padding: 10px 0 10px 0;
	text-align: center;
	font-weight: bold;
	color: #d14c4c;
	letter-spacing: 5px;
}

#right ul {
	margin: 0px;
	background: transparent;
	padding: 0px;
}

#right li {
	border-bottom: 1px solid #d6bebe;
}

#right li:hover {
	background: #913a3a;
}

#right a {
	text-align: center;
	font-weight: bold;
	color: #d14c4c;
	letter-spacing: 5px;
	text-decoration: none;
}

#right a:hover {
	font-style: italic;
}

.content {
	margin: 20px;
	text-align: justify;
	color: #d05151;
	font: 11px/16px "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Lucida,Arial,Helvetica,sans-serif;}

.content table {
	background: #000;
	border: 1px solid #d6bebe; 
	width: 90%;
}

.sf {
	text-align: justify;
	color: #d05151;
	font: 11px/16px "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Lucida,Arial,Helvetica,sans-serif;}

.sf a {
	text-decoration: none;
	color: #d5bdbd; 
}

font, body, div, table, tr, td, ul, li, a, li a, ul a {
	font: 10px verdana, sans-serif;
}

a {
	color: #d5bdbd; 
	font: 7px;
}

a:hover {
	border: 1px dotted #d5bdbd;
}

h1 {
	margin: 0px;
	background: #d6bebe; 
	padding: 6px 10px 6px 0; 
	text-align: right; 
	text-transform: lowercase; 
	font: 10px verdana, sans-serif; 
	font-weight: bold; 
	color: #6c4747; 
}

table {
	background: #000;
	width: 600px;
	position: absolute; 
	top: 0px; 
	left: 10px;
	height: 20px;
	vertical-align: middle;
}

</style />

<body>

<div id="right">
	<h1>Navigation</h1>

<h1>Stats</h1>
<ul>
<li>You can put your pet's
<li>stats here or more
<li>links or whatever
<li>you like.
</ul>
</div>

<h1>Blood Moon</h1>

<div class="content">
Your content goes here ^-^

Credit Us

Graphics

TNO Related

Terms of Use