Old NP Layouts

Note: no longer usable due to new Neopets layout

Avatars, Backgrounds Banners Blend Request

To place on Neopets, copy the code below. If you would like the avatar, save it to your computer and upload it at your guild.

Requested by Rawkstar009

Preview

body {scrollbar-face-color: #A20F0A; scrollbar-arrow-color: #000000; scrollbar-track-color: #d15128; scrollbar-shadow-color: #CCCCCC; 
scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #A20F0A; scrollbar-darkshadow-color: #000000;}
body {background: url(http://img136.imageshack.us/img136/2986/hannahbgcopyou2.jpg);
}

p {color: #B52569;
letterspacing: 3px;
text-indent: justify;
font-family: Century Gothic;}

a:link {
color: #4475B3;
text-decoration: none;
font-family: Century Gothic;
}

a:visited {
color: #4475B3;
text-decoration: none;
font-family: Century Gothic;
}

a:active {
color: #4475B3;
text-decoration: none;
font-family: Comic Sans MS;}

a:hover{
color: #4475B3;
text-decoration: none;
font-family: Comic Sans MS;}

h1 {
font-size: 110%;
color: ##b52569;
text-align: center;
font-family: Century Gothic;
}

</style>

<div style="position: absolute; top: 340; left: 285; width: 295; height: 800; overflow:auto"><h1>TITLE HERE</h1><p>
TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE :D TEXT HERE TEXT HERE TEXT HERE TEXT HERE <br>
<b>Here's bold.</b><br>
<u>Here's underline</u>
<br><i>Here's italic</i></p>
<h1>More Title stuff</h1>
<p>This is the place for typing and what not. This is the 'content' of the layout. Postest anything you feel like.
<h1>Another title if you want.</h1>
<p>More Text Here. Just keep'on typing. Meow Mix and what not!</p>
<h1>TITLE NISHNESS HERE!</h1>
<p>Here's one more paragraph. Bring on the love!</p>

</div>

<div style="position: absolute; top: 340; left: 600; width: 122; height: 800; overflow:auto">
<h1>Navigation</h1><p>
<a href="URL HERE">Link Hereth</a href><br>
<a href="URL HERE">Link Hereth</a href><br>
<a href="URL HERE">Link Hereth</a href><br>
<a href="URL HERE">Link Hereth</a href><br>
<a href="URL HERE">Link Hereth</a href><br>
<a href="URL HERE">Link Hereth</a href><br>
<a href="URL HERE">Link Hereth</a href><br>

</p>
</div>

Color Scheme is as follows:
Background color: white
Header Text color: #4475b3
Main Text color: #b52569
Link color: #4475b3
Main Border color: pineapple
Secondary Border color: white

This layout was requested by Mew_Zakuro_5 to give me something to do:

Preview?

body {scrollbar-face-color: #8635BE; scrollbar-arrow-color: #000000; scrollbar-track-color: #AD68DB; scrollbar-shadow-color: #CCCCCC; 
scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #8635BE; scrollbar-darkshadow-color: #000000;}

body {background: url(http://img406.imageshack.us/img406/770/amelayoutbglg4.jpg);
background-color: #14114E;
}

p {color: #8E3E2A;
letterspacing: 3px;
text-align: center;
font-family: century gothic;}

a:link {
color: #8E3E2A;
text-decoration: none;
font-family: century gothic;
}

a:visited {
color: #8E3E2A;
text-decoration: none;
font-family: century gothic;
}

a:active {
color: #ffffff;
text-decoration: none;
font-family: century gothic;}

a:hover{
color: #ffffff;
text-decoration: none;
font-family: century gothic;}

h1 {
letter-spacing: 3px;
font-size: 120%;
color: #fed151;
text-align: right;
font-family: century gothic;
}

h2 {
letter-spacing: 3px;
font-size: 105%;
color: #fed151;
text-align: right;
font-family: century gothic;
}

</style>

<div style="position: absolute; top: 350; left: 320; width: 275; height: 800; overflow:auto">
<h1>Listen up Gray!</h1>
<p>It's important!</p>
<h2>Number 1</h2>
<p>I'm sorry the apply for position thing isn't lined up, but it's going to take me a bit of time to fix it, and I'm far too lazy. So, sorry. But your guild is private isn't it? Heh heh heh.</p>
<p>If you really want me to fix it, just tell me and I will.</p>
<h1>Okay, on to the layout guide:</h1>
<h2>Headers:</h2>
<p>When you want headers, use the code h1 and h2, opening and closing tags. H1 is the larger header, and h2 is the smaller header.</p>
<h2>Paragraphs</h2>
<p>If you want this kind of text to show up, you have to use the p tag, opening and closing. Otherwise it will show up black and... well ugly.</p>
<p>You do not need the BR coding between paragraphs.</p>
<p><b>This is bold.</b><br>
<u>This is underlined.</u>
</p>
<h2>Scrollbars</h2>
<p>If a scrollbar appears in this area, just change the height in the div style code to something larger.</p>
</div>

<div style="position: absolute; top: 329; left: 650; width: 140; height: 950; overflow:auto">
<center>
<h1>Navigation</h1>
<h2>Neopets Links</h2>
|<a href="http://www.neopets.com/addpet.phtml">Create</a>|<br>
|<a href="http://www.neopets.com/petcentral.phtml">Central</a>|<br>
|<a href="http://www.neopets.com/explore.phtml">Explore</a>|<br>
|<a href="http://www.neopets.com/gameroom.phtml">Games</a>|<br>
|<a href="http://www.neopets.com/neomessages.phtml">Neomail</a>|<br>
|<a href="http://www.neopets.com/objects.phtml">Shops</a>|<br>
|<a href="http://www.neopets.com/neoboards/index.phtml">Boards</a>|<br>
|<a href="http://www.neopets.com/nf.phtml">News</a>|<br>
|<a href="http://www.neopets.com/stuff.phtml">Stuff</a>|<br>
|<a href="http://www.neopets.com/help.phtml"> Help</a>|<br>
|<a href="http://www.neopets.com/loginpage.phtml">Login</a>|<br>
|<a href="http://www.neopets.com/index.phtml">Logout</a>|

<h2>Credits!</h2> <p>Animerequiem for help with the coding! ^_^</p>
<p>Jezrehiah for the layout</p>
<p>desk.hdskin for the layout pic.</center>
</div>

Link color: #8e3e2a
Main border color: #fed151

The rest of the colors can be any color you feel like.

Updates

Quick Links

Affiliates

Etc

Old NP Layouts