NeoFaerie.net | Neopets Petpages

User Lookups

Petpages

Guild Layouts

Subdomains

My Favourite

Affiliates

Topsites

Stats

Neopets-themed Petpage Designs

Here you can find some webpage layouts I have made specifically for Neopets Petpages. To use them, simply copy and paste the code and edit the appropriate parts. To see a preview of the design, click on the thumbnail image.

The Darkest One

The Darkest Faerie (The Sleeper) petpage design

Type: neopets
Format: tables/divs
Theme: The Darkest Faerie (The Sleeper)

td
{
color:#cc6633;
font:11px arial;
}

div#subheader
{
width:494px; 
height:30px; 
background-image:url(http://i5.tinypic.com/8a07sia.png);
opacity:0.6;
filter:alpha(opacity=40);
}

div#subheaderside
{
width:200px; 
height:30px; 
background-image:url(http://i5.tinypic.com/8a07sia.png);
opacity:0.6;
filter:alpha(opacity=60);
margin-top:10px;
}

div#content
{
width:480px;
margin-left:10px;
margin-bottom:10px;
}

span#title
{
position:relative;
left:30px;
top:7px;
font:14px tahoma;
color:#990000;
letter-spacing:3px;
font-weight:bold;
text-transform:uppercase;
}

#nav
{
margin-left:10px;
padding-left:2px;
opacity:0.6;
filter:alpha(opacity=60);
font:10px arial;
}

#nav a
{
background-color:#660000;
border-left: 4px solid #993333;
color:#cc6666;
display:block;
width:170px;
padding-left:4px;
padding-top:1px;
padding-bottom:1px;
margin-bottom:2px;
text-decoration:none;
font:11px verdana;
filter:alpha(opacity=60);
}

#nav a:hover
{
background-color:#993333;
color:#ffcc99;
border-left: 4px solid #ff6666;
text-decoration:none;
font:11px verdana;
filter:alpha(opacity=60);
}

.sf
{
color:#cc6633;
font:10px arial;
}

b
{
color:#cc3300;
}

u
{
color:#993333;
}

i
{
color:#993300;
}

a
{
cursor:crosshair;
font:10px verdana;
}

a:link, a:visited, a:active
{
color:#ffcc99;
font-weight:bold;
text-decoration:none;
}

a:hover
{
color:#cc6666;
font-weight:bold;
text-decoration:none;
}
</style />

<div id="subheader">
<span id="title">Title 1</span>
</div>
<div id="content">
CONTENT GOES HERE
</div>

<div id="subheader">
<span id="title">Title 2</span>
</div>
<div id="content">
CONTENT GOES HERE
</div>

</div></td>

<div id="subheaderside">
<span id="title">Header</span>
</div>
<div id="nav">
<a href="#">link here</a>
<a href="#">link here</a>
<a href="#">link here</a>
<a href="#">link here</a>
<a href="#">link here</a>
</div>

<div id="subheaderside">
<span id="title">Credits</span>
</div>
<div id="nav">
Layout and design by <b>NeoFaerie.net</b><br>
Content by <b>#OWNER</b>
</div>

</div>
</td></tr>

neopets Petpages

Neopets-themed Petpage Designs

The Darkest One

Posted: 2007-12-28 19:02:57