The Userlookups

Please note: I made all of these either on my main account or on a side. Because my information is different than yours, these lookups may not work exactly right for you. If this is the case, drop me a neomail and I will supply you with a specialized code so that your lookup works as well for you as it does for me.

Before neomailing, however, try out some of the quick fixes to see if you can solve the problem yourself.

Neopian Worlds

Faerieland

<style />

a:link,a:visited,a:active{
color:#8E35EF;
font-weight:bold;}
a:hover{
color:black;
text-decoration:underline;}
#text a{
color:black;}

.contentModule,.contentModuleTable{
border:none;}
.contentModuleHeader,.contentModuleHeaderAlt{
background-color:#8E35EF;
border:1px solid black;
color:black;
font-weight:bold;
text-align:center;
line-height:20px;
font-size:15px;}

.contentModuleContent{
border:1px solid black;
border-top:none;}
#content{
width:850px;}
#stats{
border:1px solid black;
width:750px;
max-width:730px;
height:250px;
overflow:auto;
background-color:#F6358A;
position:absolute;
top:275px;left:50px;}
#header,#footer{
display:none;}
#main{
background:transparent;
border:none;
position:absolute;
top:0px;left:0px;}
body{
scrollbar-3dlight-color:black;
scrollbar-arrow-color:black;
scrollbar-base-color:#8E35EF;
scrollbar-track-color:white;
scrollbar-darkshadow-color:black;
scrollbar-face-color:#8E35EF;
scrollbar-highlight-color:#8E35EF;
scrollbar-shadow-color:#8E35EF;
background:url(http://i10.tinypic.com/73ljimc.png) white no-repeat right bottom fixed;}
p{
text-indent:15px;}

#text{
border:1px solid black;
width:600px;
height:205px;
overflow:auto;
background-color:#F6358A;
position:absolute;
top:50px;left:50px;
text-align:justify;}
#links{
position:absolute;
top:50px;left:675px;
width:125px;}
#links a{
margin-bottom:1px;
display:block;
text-align:center;
line-height:20px;
background:#8E35EF;
border:1px solid black;
color:black;
text-decoration:none;
font-weight:bold;}
#links a:hover{
background:#F6358A;}
.padding{
padding:10px;}
#userneopets img{
height:125px;
width:125px;}
#userinfo,#usercollections,#usershop{
height:350px!important;}
#userneopets,#userneohome{
height:250px!important;}
</style />

<div id="text">
<div class="padding">

<div class="contentModuleHeader">Welcome</div>

<div align="center">
<br><b>Neomail:</b> Closed
<br><b>Neofriend:</b> Closed
<br><b>Guild:</b> Closed
<br><b>Battledome:</b> Closed
</div>

<br><div class="contentModuleHeader">About Me</div><p>


Type all of your luffly text here. You see that nifty paragraph indent? Well, to give an indent to all of your paragraphs, use the "p" and "/p" tags, as demonstrated by this coding. 


</p><p>Like the layout? I got it <a href="/~1xx_vo_spader_xx1">here</a>.</p>

</div></div>

<div id="links">
<a href="/myaccount.phtml">My Account</a>
<a href="/petcentral.phtml">Pet Central</a>
<a href="/explore.phtml">Explore</a>
<a href="/games/">Games</a>
<a href="/neoboards/">Boards</a>
<a href="/objects.phtml">Shops</a>
<a href="/nf.phtml">News</a>
<a href="/objects.phtml?type=inventory">Inventory</a>
<a href="/~1xx_vo_spader_xx1">Get Layout</a>
</div>

<div id="stats" class="padding"><table>

Brightvale

<style />

#top{
position:absolute;
top:0px;left:0px;}
.contentModuleHeaderAlt,
.contentModuleHeader{
background:#FDD017;
color:black;
border-bottom:1px solid black;}
.contentModule{
border:none;}

.contentModuleTable{
border:1px solid black;}
body{
background:url(http://i32.tinypic.com/n483ua.png) black repeat-y;}
p{
text-indent:15px;}
#txt a{
color:#FDD017;
font-weight:bold;}
#txt a:hover{
color:black;}
#stats a{
color:black;}
#stats a:hover{
color:#EEAD0E;}
#main{
width:900px;
background:transparent;
border:none;}
#header,#footer{
display:none;}
#stats{
position:absolute;
top:750px;left:70px;
width:750px;
padding:3px;}
#content{
width:900px;}
#n{
width:150px;
position:absolute;
top:75px;left:25px;}
#n a{display:block;
width:100%;
text-align:center;
border:1px solid black;
padding:3px;
font-weight:bold;
background:#FDD017;
color:black;
margin-bottom:3px;}

#n a:hover{
background:#a8e61d;}

#txt{
width:750px;
height:100px;
position:absolute;
top:550px;left:70px;
overflow:auto;
padding:3px;
color:white;
text-align:justify;}
#userneopets img{
height:125px;
width:125px;}
#userinfo,#usercollections,#usershop{
height:350px!important;}
#userneopets,#userneohome{
height:250px!important;}
</style />
<img src="http://i29.tinypic.com/1zg8gg5.png" id="top">
<div id="n">
<a href="/myaccount.phtml">Account</a>
<a href="/petcentral.phtml">Central</a>
<a href="/explore.phtml">Explore</a>
<a href="/games/">Games</a>
<a href="neoboards/">Boards</a>
<a href="/objects.phtml">Shops</a>
<a href="/nf.phtml">News</a>
<a href="/objects.phtml?type=inventory">Inventory</a>
<a href="/~1xx_vo_spader_xx1">Premades</a>
</div>
<div id="txt">
<p>

Your text goes here. Remember, for and indent on every paragraph, use the "p" and "/p" tags. Oh, and you can type however much you feel like in this box; a scrollbar will appear.

</p></div>
<div id="stats"><table>

Lost Desert

<style />

#top{
position:absolute;
top:0px;left:0px;}
.contentModuleHeaderAlt,.contentModuleHeader{
background:#b88a3f;
color:black;
border-bottom:1px solid black;}
.contentModule{
border:none;}
.contentModuleTable{
border:1px solid black;}
body{
background:url(http://i27.tinypic.com/2a6l6hw.png) black repeat-y;}
p{
text-indent:15px;}
#txt a{
color:black;
font-weight:bold;
text-decoration:underline;}
#txt a:hover{
color:#b88a3f;}
#stats a{
color:black;}
#stats a:hover{
color:#b88a3f;}
#main{
width:900px;
background:transparent;
border:none;}
#header,#footer,hr{
display:none;}
#stats{
position:absolute;
top:750px;left:70px;
width:750px;
padding:3px;}
#content{
width:900px;}
#n{
width:150px;
position:absolute;
top:75px;left:25px;}
#n a{
display:block;
width:100%;
text-align:center;
border:1px solid black;
padding:3px;
font-weight:bold;
background:#b88a3f;
color:black;
margin-bottom:3px;}
#n a:hover{
background:#ff7e00;}
#txt{
width:750px;
height:100px;
position:absolute;
top:550px;left:70px;
overflow:auto;
padding:3px;
text-align:justify;}
#userneopets img{
height:125px;
width:125px;}
#userinfo,#usercollections,#usershop{
height:350px!important;}
#userneopets,#userneohome{
height:250px!important;}
</style />
<img src="http://i28.tinypic.com/vrspl3.png" id="top">
<div id="n">
<a href="/myaccount.phtml">Account</a>
<a href="/petcentral.phtml">Central</a>
<a href="/explore.phtml">Explore</a>
<a href="/games/">Games</a>
<a href="neoboards/">Boards</a>
<a href="/objects.phtml">Shops</a>
<a href="/nf.phtml">News</a>
<a href="/objects.phtml?type=inventory">Inventory</a>
<a href="/~1xx_vo_spader_xx1">Premades</a>
</div>
<div id="txt">
<p>

Your text goes here. Remember, for and indent on every paragraph, use the "p" and "/p" tags. Oh, and you can type however much you feel like in this box; a scrollbar will appear.

</p></div>
<div id="stats">
<table>

Haunted Woods

<style />

#top{
position:absolute;
top:0px;left:0px;}
.contentModuleHeaderAlt,.contentModuleHeader{
background:#141414;
color:#7eac13;
border-bottom:1px solid #7eac13;}
.contentModule{
border:none;
filter:alpha(opacity=85);
opacity:.85;}
.contentModule:hover{
opacity:.95;}
.contentModuleTable{
border:1px solid #7eac13;}
body{
background:url(http://i30.tinypic.com/2ymintd.png) #141414 repeat-y;}
p{
text-indent:15px;}
#txt a{
color:#7eac13;
font-weight:bold;}
#txt a:hover{
text-decoration:underline;}
#stats a{
color:black;}
#stats a:hover{
color:#7eac13;}
#main{
width:900px;
background:transparent;
border:none;}
#header,#footer,hr{
display:none;}
#stats{
position:absolute;
top:750px;left:70px;
width:750px;
padding:3px;}
#content{
width:900px;}
#n{
width:150px;
position:absolute;
top:75px;left:25px;}
#n a{
display:block;
width:100%;
text-align:center;
border:1px solid #7eac13;
padding:3px;
font-weight:bold;
background:#141414;
color:#7eac13;
margin-bottom:3px;
filter:alpha(opacity=85);
opacity:.85;}
#n a:hover{
filter:alpha(opacity=65);
opacity:.65;}
#txt{
width:750px;
height:100px;
position:absolute;
top:550px;left:70px;
overflow:auto;
padding:3px;
text-align:justify;
color:white;}
#userneopets img{
height:125px;
width:125px;}
#userinfo,#usercollections,#usershop{
height:350px!important;}
#userneopets,#userneohome{
height:250px!important;}
</style />
<img src="http://i25.tinypic.com/20fx736.png" id="top">
<div id="n">
<a href="/myaccount.phtml">Account</a>
<a href="/petcentral.phtml">Central</a>
<a href="/explore.phtml">Explore</a>
<a href="/games/">Games</a>
<a href="neoboards/">Boards</a>
<a href="/objects.phtml">Shops</a>
<a href="/nf.phtml">News</a>
<a href="/objects.phtml?type=inventory">Inventory</a>
<a href="/~1xx_vo_spader_xx1">Premades</a>
</div>
<div id="txt">
<p>

Your text goes here. Remember, for and indent on every paragraph, use the "p" and "/p" tags. Oh, and you can type however much you feel like in this box; a scrollbar will appear.

</p></div>
<div id="stats">
<table>

Meridell

<style />

#top{
position:absolute;
top:0px;left:0px;}
.contentModuleHeaderAlt,.contentModuleHeader{
background:black;
color:white;}
.contentModule{
border:none;}
.contentModuleTable{
border:1px solid black;}
body{
background:url(http://i30.tinypic.com/2jxr3r.png) black repeat-y;}
p{
text-indent:15px;}
#txt a{
color:black;
font-weight:bold;}
#txt a:hover{
text-decoration:underline;}
#stats a{
color:black;}
#stats a:hover{
text-decoration:underline;}
#main{
width:900px;
background:transparent;
border:none;}
#header,#footer,hr{
display:none;}
#stats{
position:absolute;
top:750px;left:70px;
width:750px;
padding:3px;}
#content{
width:900px;}
#n{
width:145px;
position:absolute;
top:75px;left:25px;}
#n a{
display:block;
width:100%;
text-align:center;
border:1px solid black;
padding:3px;
font-weight:bold;
background:black;
color:white;
margin-bottom:3px;}
#n a:hover{
background:#141414;}
#txt{
width:750px;
height:100px;
position:absolute;
top:555px;left:70px;
overflow:auto;
padding:3px;
text-align:justify;}
#userneopets img{
height:125px;
width:125px;}
#userinfo,#usercollections,#usershop{
height:350px!important;}
#userneopets,#userneohome{
height:250px!important;}
</style />
<img src="http://i32.tinypic.com/2565ifs.png" id="top">
<div id="n">
<a href="/myaccount.phtml">Account</a>
<a href="/petcentral.phtml">Central</a>
<a href="/explore.phtml">Explore</a>
<a href="/games/">Games</a>
<a href="neoboards/">Boards</a>
<a href="/objects.phtml">Shops</a>
<a href="/nf.phtml">News</a>
<a href="/objects.phtml?type=inventory">Inventory</a>
<a href="/~1xx_vo_spader_xx1">Premades</a>
</div>
<div id="txt">
<p>

Your text goes here. Remember, for and indent on every paragraph, use the "p" and "/p" tags. Oh, and you can type however much you feel like in this box; a scrollbar will appear.

</p></div>
<div id="stats">
<table>

Darigan Citadel

<style />

#top{
position:absolute;
top:0px;left:0px;}
.contentModuleHeaderAlt,.contentModuleHeader{
background:black;
color:white;}
.contentModule{
border:none;}
.contentModuleTable{
border:1px solid black;}
body{
background:url(http://i26.tinypic.com/33at2mx.png) black repeat-y;}
p{
text-indent:15px;}
#txt a{
color:black;
font-weight:bold;}
#txt a:hover{
text-decoration:underline;}
#stats a{
color:black;}
#stats a:hover{
text-decoration:underline;}
#main{
width:900px;
background:transparent;
border:none;}
#header,#footer,hr{
display:none;}
#stats{
position:absolute;
top:750px;left:70px;
width:750px;
padding:3px;}
#content{
width:900px;}
#n{
width:145px;
position:absolute;
top:75px;left:25px;}
#n a{
display:block;
width:100%;
text-align:center;
border:1px solid black;
padding:3px;
font-weight:bold;
background:#24486c;
color:black;
margin-bottom:3px;}
#n a:hover{
background:#7777a1;}
#txt{
width:750px;
height:100px;
position:absolute;
top:555px;left:70px;
overflow:auto;
padding:3px;
text-align:justify;}
#userneopets img{
height:125px;
width:125px;}
#userinfo,#usercollections,#usershop{
height:350px!important;}
#userneopets,#userneohome{
height:250px!important;}
</style />
<img src="http://i30.tinypic.com/21j91dc.png" id="top">
<div id="n">
<a href="/myaccount.phtml">Account</a>
<a href="/petcentral.phtml">Central</a>
<a href="/explore.phtml">Explore</a>
<a href="/games/">Games</a>
<a href="neoboards/">Boards</a>
<a href="/objects.phtml">Shops</a>
<a href="/nf.phtml">News</a>
<a href="/objects.phtml?type=inventory">Inventory</a>
<a href="/~1xx_vo_spader_xx1">Premades</a>
</div>
<div id="txt">
<p>

Your text goes here. Remember, for and indent on every paragraph, use the "p" and "/p" tags. Oh, and you can type however much you feel like in this box; a scrollbar will appear.

</p></div>
<div id="stats">
<table>

back to categories

Specific Pets/Faeries/Etc.

Dr. Sloth

<style />

hr,#header,#footer{
display:none}
.contentModuleContent table,.contentModule{
border:none!important;}
a:link,a:visited,a:active{
color:black;
font-weight:bold;}
a:hover{
color:#663366;
text-decoration:underline;}
.contentModuleTable{

border:1px solid black;}
.contentModuleContent{
background:#cc99cc;}
.contentModuleHeader,.contentModuleHeaderAlt{
background:#996699;
border-bottom:1px solid black;
color:#996699;
font-size:10px;
height:10px!important;}
body{
background:url(http://i19.tinypic.com/6xh8o60.png) black 850px bottom no-repeat fixed;}
#main{
border:none;
position:absolute;
top:0px;left:0px;
background:url(http://i12.tinypic.com/87nvrxl.png) white right repeat-y;
width:850px;
height:2300px;}
#content{
visibility:hidden;
width:850px;}
#stats{
visibility:visible;}
#stats img{
border:1px solid black;
padding:2px;
background:white;}
#boutme{
position:absolute;
top:450px;left:45px;
visibility:visible;
height:298px;
width:300px;}
#userinfo{
position:absolute;
top:350px;left:370px;
height:398px!important;
width:355px;}
#usercollections{
position:absolute;
top:775px;left:45px;
height:370px!important;
width:240px;}
#usershop{
position:absolute;
top:775px;left:305px;
height:370px!important;
width:200px;}
#usershop img{
height:140px;
width:140px;}
#userneohome{
width:200px;
height:370px!important;
position:absolute;
top:775px;left:525px;}
#userneohome .contentModuleContent{
height:349px!important;}
#userneopets{
width:679px;
height:250px!important;
position:absolute;
top:1168px;left:45px;}
#userneopets img{
border:none;
background:transparent;}
#usertrophies{
position:absolute;
top:1440px;left:45px;
width:679px;
height:1px!important;}
#linx a{
color:black;
text-decoration:none;
font-variant:small-caps;
background:#4f6471;
border:1px solid black;
margin:2px;padding:2px;
font-weight:normal;}
#linx a:hover{
border:1px solid #4f6471;
color:#4f6471;
background:black;}
#linx{
visibility:visible;
position:absolute;
top:0px;left:0px;
width:775px;
height:50px;
padding-top:10px;}
#img{
visibility:visible;
position:absolute;
top:40px;left:20px;}
#text{
visibility:visible;
position:absolute;
top:475px;left:51px;
height:266px;
width:288px;
overflow:auto;
text-align:left;}
p{text-indent:15px;
text-align:justify;}
</style />
<img src="http://i30.tinypic.com/206h4k6.png" id="boutme">
<img src="http://i31.tinypic.com/nd0kyc.png" id="img">
<div id="linx">
<a href="/myaccount.phtml">Account</a>
<a href="/petcentral.phtml">Central</a>
<a href="/explore.phtml">Explore</a>
<a href="/games/">Games</a>
<a href="/neoboards/">Boards</a>
<a href="/objects.phtml">Shops</a>
<a href="/nf.phtml">News</a>
<a href="/video/">Video</a>
<a href="/mall/">Mall</a>
<a href="/objects.phtml?type=inventory">Inventory</a>
<a href="/neomessages.phtml">Neomail</a>
<a href="/~1xx_vo_spader_xx1">Lookups</a>
</div>
<div id="text">
<p>

Your text goes here. For an indent on every paragraph, use the "p" and "/p" tags around each one. Remember, you can type all the way up to the character limit despite the small size of this box; a scrollbar will appear.

</p>
</div>
<div id="stats">
<table>

This lookup works best if you have a shop and neohome.

Maraqua Plot Characters

<style />

body{
background:url(http://i32.tinypic.com/wverlv.png) repeat-y #77cde5;}
a,b,a b{
color:#19233a;}
a:hover,a:hover b,strong{
color:#77cde5;}
#main{
border:none;
position:absolute;
top:0px;left:0px;
background:url(http://i26.tinypic.com/2le45km.png) no-repeat;
width:800px;
padding-left:20px;}
#content{
visibility:hidden;}
#footer,#header,hr{
display:none;}
#isca{
position:absolute;
top:0px;left:228px;
visibility:visible;
z-index:3;}
#grnjqs{
visibility:visible;
position:absolute;
top:260px;left:0px;
z-index:1;}
#abt{visibility:visible;
width:850px;}
#stats{
visibility:visible;
position:absolute;
top:625px;left:20px;
z-index:2;
width:850px;}
.contentModule{
border:none;}
.contentModuleContent table{
border-top:none!important;}
.contentModuleHeader,.contentModuleHeaderAlt{
border-bottom:3px solid #77cde5;
background:black;
color:#77cde5;
padding:3px;
line-height:20px;}
.contentModuleContent{
padding:3px;
width:844px;
background:transparent;
height:auto;}
#abt .contentModuleContent{
text-align:justify;}
.contentModuleTable{

background:white;
border:none;
border-bottom:10px dashed #77cde5;}
#userinfo,#usercollections,#usershop{
height:370px!important;}
p{text-indent:15px;}
#l{
visibility:visible;
position:absolute;
top:0px;left:0px;
width:850px;
height:50px;
padding-top:10px;
padding-bottom:10px;
text-align:center;
z-index:4;}
#l a{
display:inline;
border:1px solid #77cde5;
color:#77cde5;
background:#19233a;
margin-right:5px;
padding:2px;
font-variant:small-caps;
opacity:.70;}
#l a:hover{
opacity:.50;
background:black;}
#t{
position:absolute;
top:50px;left:40px;
z-index:5;
visibility:visible;}
</style />
<img src="http://i29.tinypic.com/4puz53.png" id="grnjqs">
<img src="http://i30.tinypic.com/20i5pi.png" id="isca">
<img src="http://i31.tinypic.com/2lnfm0y.png" id="t">
<div id="l">
<a href="/myaccount.phtml">Account</a>
<a href="/petcentral.phtml">Central</a>
<a href="/explore.phtml">Explore</a>
<a href="/games/">Games</a>
<a href="/neoboards/">Boards</a>
<a href="/objects.phtml">Shops</a>
<a href="/nf.phtml">News</a>
<a href="/video/">Video</a>
<a href="/mall/">Mall</a>
<a href="/~1xx_vo_spader_xx1">By Seegensays</a>
</div>
<div id="stats">
<table>
<div id="abt" class="contentModule"><div class="contentModuleTable"><div class="contentModuleHeader">About Me</div><div class="contentModuleContent"><p>

Type all your lovely stuff here. For an indent on every paragraph, use the "p" and "/p" tags. Because of Isca's glow, I had to make her image sort of big, so it might cover up links that you put here. You might want to just add links to the top section above instead.

</p><p><a href="/~1xx_vo_spader_xx1"><b>Click here</b></a> for a lookup by Seegensays.</p></div></div></div>

Illusen and Jhudora

<style />

body{
background:#303030;}
a{color:black!important;}
a:hover{color:#303030!important;}
#main{
width:800px;
border-left:1px solid black;
border-right:1px solid black;
background:url(http://i26.tinypic.com/5bobyv.png);}
#content{
width:800px;
visibility:hidden;
position:relative;
top:-50px;}
.eventIcon,.user,#navigation,hr,#nst,#header img,.footer,.footerNifty{
display:none;}
#header{
width:800px;
background-color:none;
background:url(http://i32.tinypic.com/2887dpz.png);
height:493px;
border:none;}
#footer{
width:800px;
height:91px;
background:url(http://i27.tinypic.com/2m2b803.png);
border-top:1px solid black;}
#v{visibility:visible;
width:760px;}
.contentModuleHeader,.contentModuleHeaderAlt{
padding:3px;
background:black;}
#abt .contentModuleHeader{
height:auto;}
.contentModuleContent{
height:auto;
background:transparent;
padding:3px;}
.contentModule{
background:white;
border:none;
opacity:.7;
filter:alpha(opacity=70);}
.contentModule:hover{
opacity:.9;}
.contentModuleTable{
border:1px solid black;}
.contentModuleContent table{
border-top:none!important;}
#abt{
margin-bottom:-7px;
width:760px;}
#abt .contentModuleContent{
width:750px;}
p{text-indent:15px;
text-align:justify;}
.n{width:760px;
height:35px;
text-align:center;
filter:alpha(opacity=75);}
.n a{
display:inline;
color:white!important;
background:black;
font-weight:bold;
line-height:25px;
opacity:.75;
padding:5px;}
.n a:hover{
opacity:.95;
color:white!important;}
#userinfo,#usercollections,#usershop{
height:360px!important;}
#userneopets img{
height:140px;
width:140px;}
</style />
<div id="v"><table>
<div class="n">
<a href="/myaccount.phtml">Account</a>
<a href="/petcentral.phtml">Central</a>
<a href="/explore.phtml">Explore</a>
<a href="/games/">Games</a>
<a href="/neoboards/">Boards</a>
<a href="/objects.phtml">Shops</a>
<a href="/nf.phtml">News</a>
<a href="/video/">Video</a>
<a href="/mall/">Mall</a>
<a href="/objects.phtml?type=inventory">Inventory</a>
<a href="/~1xx_vo_spader_xx1">Premades</a>
</div>
<div id="abt" class="contentModule"><div class="contentModuleTable"><div class="contentModuleHeader">About Me</div><div class="contentModuleContent"><p>

Type all your lovely stuff here. For an indent on every paragraph, use the "p" and "/p" tags. Make sure you fill up this box with at least one full line of text, otherwise it won't be wide enough.

</p><p><a href="/~1xx_vo_spader_xx1"><b>Click here</b></a> for a lookup by Seegensays.</p></div></div></div>

Hover effects look nicer in Firefox.

back to categories

General/Miscellaneous

Neopian Times

<style />

a:link,a:visited,a:active{
color:#2554C7;
font-weight:bold;}
a:hover{
color:#2554C7;
text-decoration:underline;}
.contentModule,.contentModuleTable{
border:1px solid #2554C7;}
.contentModuleHeader,.contentModuleHeaderAlt{
background-color:#2554C7;
border:1px solid white;
color:white;
font-weight:bold;
text-align:center;
line-height:20px;
font-size:15px;}
#stats .contentModuleHeader,#stats .contentModuleHeaderAlt{
border:none;}
.contentModuleContent table{
border-top:none!important;}
#content{
width:850px;
visibility:hidden;}
#stats{
visibility:visible;
border:2px solid #2554C7;
width:750px;
max-width:728px;
height:250px;
overflow:auto;
background:black;
position:absolute;
top:275px;left:50px;}
#header,#footer,hr{
display:none;}
#main{
background:transparent;
border:none;
position:absolute;
top:0px;left:0px;}
body{
scrollbar-3dlight-color:#2554C7;
scrollbar-arrow-color:#2554C7;
scrollbar-base-color:black;
scrollbar-track-color:white;
scrollbar-darkshadow-color:black;
scrollbar-face-color:black;
scrollbar-highlight-color:#2554C7;
scrollbar-shadow-color:black;
background:url(http://i37.tinypic.com/v6oxax.png) white fixed;}
p{
text-indent:15px;}
#text{
visibility:visible;
border:2px solid #2554C7;
width:600px;
height:212px;
overflow:auto;
background:black;
position:absolute;
top:50px;left:50px;
text-align:justify;
color:white;}
#links{
visibility:visible;
position:absolute;
top:50px;left:675px;
width:125px;}
#links a{
margin-bottom:2px;
display:block;
text-align:center;
line-height:18px;
background:black;
border:2px solid #2554C7;
color:#2554C7;
text-decoration:none;}
#links a:hover{
background:white;}
.padding{
padding:10px;}
#userneopets img{
height:125px;
width:125px;}
#userinfo,#usercollections,#usershop{
height:350px!important;}
#userneopets,#userneohome{
height:250px!important;}
</style />

<div id="text">
<div class="padding">

<div class="contentModuleHeader">Welcome</div>

<div align="center">
<br><b>Neomail:</b> Closed
<br><b>Neofriend:</b> Closed
<br><b>Guild:</b> Closed
<br><b>Battledome:</b> Closed
</div>

<br><div class="contentModuleHeader">About Me</div><p>


Type all of your luffly text here. You see that nifty paragraph indent? Well, to give an indent to all of your paragraphs, use the "p" and "/p" tags, as demonstrated by this coding. 


</p><p>Like the layout? I got it <a href="/~1xx_vo_spader_xx1">here</a>.</p>

</div></div>

<div id="links">
<a href="/myaccount.phtml">My Account</a>
<a href="/petcentral.phtml">Pet Central</a>
<a href="/explore.phtml">Explore</a>
<a href="/games/">Games</a>
<a href="/neoboards/">Boards</a>
<a href="/objects.phtml">Shops</a>
<a href="/nf.phtml">News</a>
<a href="/objects.phtml?type=inventory">Inventory</a>
<a href="/~1xx_vo_spader_xx1">Get Layout</a>
</div>

<div id="stats" class="padding"><table>

Best Friends

<style />

b,i{
color:#4DAD3D;}
a{
color:#4DAD3D;}
a:hover,a:hover b{
color:#FDBDC0!important;}
.contentModule{
border:none;}
.contentModuleTable{
border:1px solid black;}
.contentModuleHeaderAlt,.contentModuleHeader{
border-bottom:1px solid black;
background:#FFCF00;
color:#FFCF00;
font-size:10px;
line-height:18px;}
body{
background:url(http://i36.tinypic.com/1zdyzj7.png) repeat-y white;}
#top{
position:absolute;
top:0px;left:0px;}
#header,#footer,hr,#usershop img{
display:none;}
#content{
visibility:hidden;
width:860px;}
#visible{
visibility:visible;}
#main{
width:860px;
border:none;
position:absolute;
top:0px;left:0px;
background:transparent;}
#text{
position:absolute;
top:475px;left:90px;
width:438px;
height:118px;
overflow:auto;
text-align:justify;}
#stats{
position:absolute;
top:600px;left:81px;
width:685px;}
#nav{
position:absolute;
top:415px;left:135px;
height:20px;
padding-top:1px;}
#nav a{
padding:2px;
margin:2px;
color:black;
text-decoration:none;
font-size:7.5pt;
border:1px solid black;
background:#FDBDC0;
font-variant:small-caps;}
#nav a:hover{
background:#EB7D81;
color:black!important;}
p{
text-indent:10px;}
#avs{
position:absolute;
top:471px;left:553px;
width:207px;
height:126px;}
#userinfo,#usercollections,#usershop{
height:360px!important;}
#userneopets img{
height:115px;
width:115px;}
</style />
<div id="visible">
<img src="http://i33.tinypic.com/2exspaf.png" id="top">
<div id="nav">
<a href="/myaccount.phtml">Account</a>
<a href="/petcentral.phtml">Central</a>
<a href="/explore.phtml">Explore</a>
<a href="/games/">Games</a>
<a href="/neoboards/">Boards</a>
<a href="/objects.phtml">Shops</a>
<a href="/nf.phtml">News</a>
<a href="/video/">Video</a>
<a href="/mall/">Mall</a>
<a href="/objects.phtml?type=inventory">Inventory</a>
<a href="/neomessages.phtml">Mail</a>
<a href="/~1xx_vo_spader_xx1">Lookups</a>
</div>
<div id="text">

<p>
Your text goes here. For an indent on every paragraph, use the "p" and "/p" tags around each one. Remember, you can type all the way up to the character limit despite the small size of this box; a scrollbar will appear.
</p>

</div>
<div id="avs">
<img src="http://images.neopets.com/neoboards/avatars/default.gif" title="Newest">
<img src="http://images.neopets.com/neoboards/avatars/default.gif" title="Favorite">
<img src="http://images.neopets.com/neoboards/avatars/default.gif" title="Wanted">

<br><b>Neomail:</b> Closed
<br><b>Neofriends:</b> Closed
<br><b>Battledome:</b> Closed
<br><b>Guild:</b> Closed
</div>

<div id="stats"><table>

For instructions on replacing the avatars, look here.

Old Default Lookup

<style />

#navigation,.eventIcon,#header img,#footer,hr{
display:none;}
a{color:#2E72C0!important;}
a:hover{color:#FFB300!important;}
.contentModuleContent table,.contentModule,.contentModuleTable{
border:none!important;}
.contentModuleHeader,.contentModuleHeaderAlt{
background:none;
color:#2E72C0;
text-align:center;}
#usertrophies .contentModuleContent{
text-align:center;}
#main{
border:none;
position:absolute;
top:0px;left:0px;
background:url(http://i27.tinypic.com/aeqp7o.png) no-repeat;
height:675px;}
body{
background:white;}
#content,#header{
visibility:hidden;}
.user{
position:absolute;
top:10px;left:125px;
visibility:visible;
height:20px;
width:580px;
color:black!important;}
#s{
visibility:visible;
width:700px;
position:absolute;
top:135px;left:150px;}
#userneopets img{
background:url(http://i37.tinypic.com/259kdwn.png);
height:130px;
width:130px;}
#x{
position:absolute;
top:0px;left:0px;
visibility:visible;}
#x a{
width:128px;
display:block;}
.a{height:47px;}
.b,.c,.n{height:53px;}
.d{height:30px;}
.e,.g,.i,.k,.l,.m{
height:32px;}
.f{height:26px;}
.h{height:35px;}
.j{height:41px;}
#z{width:700px;
text-align:center;}
</style />
<div id="x">
<a href="/index.phtml" class="a"> </a>
<a href="/reg/page4.phtml" class="b"> </a>
<a href="/petcentral.phtml" class="c"> </a>
<a href="/explore.phtml" class="d"> </a>
<a href="/games/" class="e"> </a>
<a href="/neomessages.phtml" class="f"> </a>
<a href="/objects.phtml" class="g"> </a>
<a href="/neoboards/" class="h"> </a>
<a href="/nf.phtml" class="i"> </a>
<a href="/stuff.phtml" class="j"> </a>
<a href="/help.phtml" class="k"> </a>
<a href="/loginpage.phtml" class="l"> </a>
<a href="/log.phtml" class="m"> </a>
<a href="/~1xx_vo_spader_xx1" class="n"> </a>
</div>
<div id="s">
<table>
<br><div id="z"><i>

Put all of your lovely text here. You can take the italics away if you wish, but they've been put here so as to exactly match the old default layout. 

<br><br>This old default lookup was resurrected from <a href="/~1xx_vo_spader_xx1"><b>this page</b></a>.</i></div><br>

back to categories

back to the top

The Petpages

Please note: Using these premade petpages requires a basic knowledge of HTML. I've tried to add instructions as clearly as possible throughout the coding, but if you're still confused check out my HTML/CSS guide. (I know it isn't finished yet, but hopefully it'll still help.) If you're still confused, neomail and I'll see what I can do.

Pure CSS

Just so you know, I'm not making these in a bajillion different colors, because they're pretty easy to edit (no images involved). I might help you edit the colors to suit your own purposes, but that largely depends on the mood I'm in when I receive your neomail. And how politely and coherently you prase your request.

Watermelon - Green and Pink

<style />

.sf {
display: none;
}

#save {
position: absolute;
top: 100px;
left: 100px;
z-index: 100;
}

body {
background: #e2f4d1;
padding-top: 210px;
}

i {
letter-spacing: 1px;
color: #335512;
font-weight: bold;
}

b {
text-transform: uppercase;
letter-spacing: -1px;
color: #d00006;
}

u {
text-decoration: none;
border-bottom: 3px double #ff3541;
}

a {
color: #335512;
font-weight: bold;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

.padding {
padding: 10px;
}

p {
text-align: justify;
text-indent: 15px;
margin-top: 0px;
margin-bottom: 10px;
}

h1 {
font: normal 30px "Century Gothic";
text-transform: lowercase;
color: #48771a;
background: black;
border-top: 5px solid #48771a;
border-bottom: 5px solid #48771a;
margin-top: 10px;
margin-bottom: 10px;
clear: both;
}

h2 {
font: normal 20px "Century Gothic";
text-transform: lowercase;
color: #84de29;
background: #48771a;
margin-top: 10px;
margin-bottom: 10px;
}

td {
background: #e2f4d1;
}

td a {
display: block;
border-top: 5px solid #48771a;
border-bottom: 5px solid #48771a;
background: black;
width: 750px;
}

td a img {
margin: 9px;
}

#header {
width: 100%;
position: absolute;
top: 0px;
left: 0px;
text-align: center;
}

#a, #b, #c {
height: 70px;
width: 750px;
margin: auto;
}

#a {
background: #fc292f;
}

#b {
background: #ff6367;
}

#c {
background: #ff9fa1;
}

#headertext {
width: 100%;
position: absolute;
top: 0px;
left: 0px;
font: normal 100px "Century Gothic";
line-height: 185px;
color: black;
text-align: center;
text-transform: lowercase;
}

#main {
position: absolute;
top: 252px;
left: 0px;
width: 100%;
text-align: center;
z-index: 1;
}

#content {
width: 750px;
margin: auto;
background: #84de29;
font: normal 12px Verdana;
}

#nav {
width: 200px;
float: left;
margin-right: 10px;
}

#nav a {
display: block;
background: #48771a;
font: normal 20px "Century Gothic";
line-height: 25px;
margin-bottom: 5px;
color: #84de29;
text-decoration: none;
text-transform: lowercase;
}

#nav a:hover {
background: #5b9721;
}

.tb a {
display: block;
font: bold 30px "Century Gothic";
color: #fc292f;
text-decoration: none;
text-transform: lowercase;
}

.tb a:hover {
color: #ff6367;
text-decoration: none;
}

</style />

<div id="header">
<div id="a"></div>
<div id="b"></div>
<div id="c"></div>
</div>
<div id="headertext">

Welcome

</div>

<div id="main">
<div id="content">
<div class="padding">

<div id="nav">
<a href="#">Link #1</a>
<a href="#">Link #2</a>
<a href="#">Link #3</a>
<a href="#">Link #4</a>
</div>

<p>
This is just a little opening blurb for the top of your petpage. As you can see, the navigation for the page is at the left. They can be internal links, links to different sections of your page (if you know how to do that), or they can be external links, links to different pages. Add and delete links as you wish, but for a proportional top section, make this section around the same height. 
</p>

<p>
Anyways, here you can explain what your page is about, who you are, etc. By the way, here are the styles for <i>italics</i>, <b>bold</b>, <u>underline</u>, and a <a href="#">hyperlink</a>. Mmkay?
</p>

</div>






<h1>Header 1</h1>
<div class="padding">

<p>
This is your first section. As you can see in the coding, to get a spiffy section header use the tags "h1" and "/h1." Change the words "Header 1" to your header text, obviously, and replace these words with your section content.
</p>

<p>
See the spiffy paragraph indents and justified alignment? To get this effect on every paragraph, use the "p" and "/p" tags, as demonstrated in this coding.
</p>

<h2>Subheader</h2>

<p>
To get a nifty subheader, like the one above, simply use the tags "h2" and "/h2." Neat, huh? Now you can further divide your sections, so everything's more organized. Or, if you have no need for subheaders, skip them altogether.
</p>

<p>
Copy and paste this section model as many times as you wish for your sections; or, you can delete some of the ones on here if I gave you too many. The only section you MAY NOT delete is the credit section at the bottom. That /has/ to stay. Savvy?
</p>

<p>
Ooh, and you even get a cool "back to top" button. Innit great?
</p>

<div class="tb">
<a href="#header">Back to Top</a>
</div>

</div>







<h1>Header 2</h1>
<div class="padding">

<p>
This is your second section. As you can see in the coding, to get a spiffy section header use the tags "h1" and "/h1." Change the words "Header 1" to your header text, obviously, and replace these words with your section content.
</p>

<p>
See the spiffy paragraph indents and justified alignment? To get this effect on every paragraph, use the "p" and "/p" tags, as demonstrated in this coding.
</p>

<h2>Subheader</h2>

<p>
To get a nifty subheader, like the one above, simply use the tags "h2" and "/h2." Neat, huh? Now you can further divide your sections, so everything's more organized. Or, if you have no need for subheaders, skip them altogether.
</p>

<p>
Copy and paste this section model as many times as you wish for your sections; or, you can delete some of the ones on here if I gave you too many. The only section you MAY NOT delete is the credit section at the bottom. That /has/ to stay. Savvy?
</p>

<p>
Ooh, and you even get a cool "back to top" button. Innit great?
</p>

<div class="tb">
<a href="#header">Back to Top</a>
</div>

</div>







<h1>Header 3</h1>
<div class="padding">

<p>
This is your third section. As you can see in the coding, to get a spiffy section header use the tags "h1" and "/h1." Change the words "Header 1" to your header text, obviously, and replace these words with your section content.
</p>

<p>
See the spiffy paragraph indents and justified alignment? To get this effect on every paragraph, use the "p" and "/p" tags, as demonstrated in this coding.
</p>

<h2>Subheader</h2>

<p>
To get a nifty subheader, like the one above, simply use the tags "h2" and "/h2." Neat, huh? Now you can further divide your sections, so everything's more organized. Or, if you have no need for subheaders, skip them altogether.
</p>

<p>
Copy and paste this section model as many times as you wish for your sections; or, you can delete some of the ones on here if I gave you too many. The only section you MAY NOT delete is the credit section at the bottom. That /has/ to stay. Savvy?
</p>

<p>
Ooh, and you even get a cool "back to top" button. Innit great?
</p>

<div class="tb">
<a href="#header">Back to Top</a>
</div>

</div>






<h1>Header 4</h1>
<div class="padding">

<p>
This is your fourth section. As you can see in the coding, to get a spiffy section header use the tags "h1" and "/h1." Change the words "Header 1" to your header text, obviously, and replace these words with your section content.
</p>

<p>
See the spiffy paragraph indents and justified alignment? To get this effect on every paragraph, use the "p" and "/p" tags, as demonstrated in this coding.
</p>

<h2>Subheader</h2>

<p>
To get a nifty subheader, like the one above, simply use the tags "h2" and "/h2." Neat, huh? Now you can further divide your sections, so everything's more organized. Or, if you have no need for subheaders, skip them altogether.
</p>

<p>
Copy and paste this section model as many times as you wish for your sections; or, you can delete some of the ones on here if I gave you too many. The only section you MAY NOT delete is the credit section at the bottom. That /has/ to stay. Savvy?
</p>

<p>
Ooh, and you even get a cool "back to top" button. Innit great?
</p>

<div class="tb">
<a href="#header">Back to Top</a>
</div>

</div>







<h1>Credits</h1>
<div class="padding">
<p>
This petpage layout was coded by Bess, or <a href="/userlookup.phtml?user=seegensays">seegensays</a>. If you would like a petpage, userlookup, or any other premade, visit <a href="/~1xx_vo_spader_xx1">Premades by Bess</a>. 
</p>
<div class="tb">
<a href="#header">Back to Top</a>
</div>
</div></div></div>
<div id="save"><table>

Blueberries - Shades of Blue

<style />

td {
background: url(http://i35.tinypic.com/2rbyrkh.png) no-repeat #e5f0fe;
height: 29px;
}

td a img {
width: 850px;
height: 29px;
position: absolute;
top: 0px;
left: 50px;
filter: alpha(opacity=0);
opacity: 0;
}

.sf {
display: none;
}

#save {
position: absolute;
top: 50px;
left: 750px;
z-index: 100px;
}

a {
color: #034bb8;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #0066ff;
}

b {
color: #e5f0fe;
font-variant: small-caps;
}

i {
letter-spacing: 1px;
color: #0359db;
}

u {
color: #034bb8;
border-bottom: 2px solid #0066ff;
}

body {
background: #e5f0fe;
}

p {
text-indent: 15px;
text-align: justify;
}

#page, #page td {
font: normal 11px Verdana;
line-height: 15px;
height: auto!important;
background-image: none;
}

#page td a img {
position: relative;
top: 0px;
left: 0px;
filter: alpha(opacity=100);
opacity: 1;
width: auto;
height: auto;
}

#sidebar {
width: 200px;
position: absolute;
top: 180px;
left: 50px;
}

#main {
width: 600px;
position: absolute;
top: 180px;
left: 300px;
}

.sidemod, .mainmod {
margin-bottom: 30px;
width: 100%;
}

.sidemodheader, .mainmodheader {
background: transparent;
border-bottom: 5px solid #0066ff;
color: #0066ff;
text-transform: uppercase;
font-size: 16px!important;
line-height: 12px!important;
}

.sidemodcontent, .mainmodcontent {
background: #7dadf5;
border-top: 5px solid #428af7;
padding: 5px;
}

#head1 {
width: 850px;
position: absolute;
top: 60px;
left: 50px;
border-bottom: 20px solid #428af7;
}

#head2 {
border-bottom: 20px solid #0066ff;
font: normal 50px Verdana;
line-height: 45px;
text-transform: uppercase;
color: #0066ff;
}

.block a {
display: block;
color: #7dadf5;
text-transform: uppercase;
padding: 2px;
background: #0066ff;
margin-bottom: 4px;
text-align: center;
font-weight: normal;
}

.block a:hover {
background: #428af7;
}

</style />

<div id="page">


<div id="head1">
<div id="head2">
Welcome
</div></div>


<div id="sidebar">


<table class="sidemod" cellspacing="0"><tr>
<td class="sidemodheader">

Navigation

</td></tr><tr>
<td class="sidemodcontent">

<div class="block">
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
</div>

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


<table class="sidemod" cellspacing="0"><tr>
<td class="sidemodheader">

Sidebar Module

</td></tr><tr>
<td class="sidemodcontent">

<p>
This is a sidebar module. To make more sidebar modules, copy the coding from "table class..." to "/table" and paste it right after the "/table" for this module. Make sure you paste it before the "/div," though. If you want to add more block links, just paste them in within 'div class="block"' and "/div." If you want to make another link module (perhaps you want to separate internal and external navigation), just copy and paste the code again. It's that simple.
</p>

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


<table class="sidemod" cellspacing="0"><tr>
<td class="sidemodheader">

(Another) Side. Mod.

</td></tr><tr>
<td class="sidemodcontent">

<p>
Sidebar modules can hold a variety of things, including (but not limited to) affiliates, different link sections, mini-bios, and any number of things that complement the main focus of your page, but aren't really important enough to be featured as a regular-sized module.
</p>

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


<table class="sidemod" cellspacing="0"><tr>
<td class="sidemodheader">

Just A Reminder

</td></tr><tr>
<td class="sidemodcontent">

<p>
You can add, delete, and otherwise customize your sidebar modules as you wish, with <b>one exeption</b>: The module below this, titled "Credits," may <i>not</i> be removed, under any circumstances. Or you face the wrath of giant people-eating cookies. Oh, and I'll report you, too. Mmkay?
</p>

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


<table class="sidemod" cellspacing="0"><tr>
<td class="sidemodheader">Credits</td></tr><tr>
<td class="sidemodcontent"><p>
This petpage was made by Bess (<a href="userlookup.phtml?user=seegensays">seegensays</a>). Want your own pretty petpage, userlookup, or other premade? Well then scurry on down to the aptly named <a href="/~1xx_vo_spader_xx1">Premades by Bess</a>.
</p></td></tr></table>


</div>




<div id="main">


<table class="mainmod" cellspacing="0"><tr>
<td class="mainmodheader">

Main Module

</td></tr><tr>
<td class="mainmodcontent">

<p>
This is the main section of the page, filled with... well... your main content. What that content is depends on the person and the page, of course. I won't suggest uses for these modules to you, because there are endless possibilities.
</p>

<p>
Instead, I'm going to give you a little impromptu HTML lesson. Just like with the sidebar modules, if you want a new main module, you just copy the code from where it says "table class..." to the "/table" at the end. I've separated all the individual modules with two spaces - hopefully that makes it easier to tell where one code ends and the other begins. 
</p>

<p>
Now, for some reason, people really like special styles for the <b>bold</b>, <i>italics</i>, and <u>underline</u> tags. I personally can't understand it - who cares? But I'm here to please the masses - if not, then why would I be wasting my valuable time writing all of this out? - so I made special styles for all three of those. So now they look pretty, just like this layout. I should probably demonstrate them for you now. Oh no, wait - I did, back at the beginning of this paragraph. Silly Bess. =P
</p>

<p>
Now, link styles, I <i>can</i> understand. C'mon, who wants those ugly default links? So uninteresting, and the combination of blue, purple, and red, being the shades of each color that they are, practically don't match any layout. So, here is your pretty <a href="#">link style</a>. Hover over it - ooh, nice, right? 
</p>

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


<table class="mainmod" cellspacing="0"><tr>
<td class="mainmodheader">

Another Main Module

</td></tr><tr>
<td class="mainmodcontent">

<p>
Uh... so to tell you the truth, I really don't know what else to put here. I want to put <i>something</i> here, though, so that this main section ends up being longer than the sidebar. I don't know why, but it really irks me when the sidebar is longer than the main section. I'm not crazy or neurotic or anything. -shifty eyes-
</p>

<p>
Oh, yes - I remember what I was going to add here. I know this section is labeled "Pure CSS," but I cheated a little by replacing the top header (the little advertising bar that I'm not permitted to get rid of) with a pretty image of my own. The point of having pure CSS pages was so that you could replace the colors with your own, and not have to worry about images. Whoops.
</p>

<p>
So anyways, if you love this style but want a different color scheme, then you're just gonna have to be creative with creating your own image. If you need help figuring out how to do it, neomail me. Hey - if you catch me in a good mood, I might even agree to do it myself to save you the trouble. You never know.
</p>

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


<table class="mainmod" cellspacing="0"><tr>
<td class="mainmodheader">

Some Random Filler Stuff

</td></tr><tr>
<td class="mainmodcontent">

<p>
So I finally decided to investigate the random Latin stuff that most coders use for filler text. Turns out there's an online generator! How cool is that? I'll answer my own rhetorical question, because obviously you won't: very. Very, very cool. Oh, the things that boredom and a lack of creativity do to you.
</p>

<p>
Vulputate minim vel consequat luptatum at vel iusto et, ex augue, esse euismod luptatum augue aliquip sit et feugiat vel. Vulputate autem feugiat, quis ad te feugait illum, laoreet lobortis feugait consequat elit qui aliquam enim aliquip dolor commodo ullamcorper. Qui lorem, lorem laoreet eu ex. Praesent vel in luptatum wisi quis consequat in vel praesent dignissim, amet vel. Dolore facilisis te, eros dolor. Feugiat consequat eros ullamcorper facilisi diam dolor duis luptatum. Duis consectetuer volutpat ad autem quis hendrerit consequat. Eum quis suscipit iriure consequat hendrerit consequat aliquip, diam hendrerit, enim accumsan.
</p>

<p>
Tation nostrud dolor veniam, illum. Aliquip vulputate tincidunt quis sit delenit ipsum wisi, eum dolore qui. Blandit at feugiat feugiat adipiscing erat lorem in consequat ex minim nisl ut dolore exerci wisi iusto. Laoreet molestie qui consequat molestie nisl, feugiat ut in ex in iusto. Praesent at nisl, erat ad accumsan, wisi esse et dolor nonummy, in eum qui. Ea nulla duis delenit iusto esse nulla dolore, vel in dolore duis vel nulla dolore ut ullamcorper ullamcorper luptatum minim. Te et suscipit vulputate, iusto nulla in molestie vel ullamcorper, elit, nisl vel. Dolor ad, eu ullamcorper laoreet et at aliquam, nonummy at amet vulputate eum consequat, exerci ea duis, ex. Ex commodo enim exerci veniam quis dolore minim velit augue elit.
</p>

<p>
Consequat vulputate wisi facilisis, ex feugait feugiat eum et. Commodo nisl eum in, at quis et lobortis tation eros et. Tation ut commodo sit ad delenit, augue, ad. Ut autem ullamcorper ad ex nisl iusto iusto ut minim vel adipiscing nostrud vel feugait quis euismod. Blandit nisl nostrud consequat ex qui in ad et, in in dignissim, eu commodo ullamcorper dolore. Enim duis ullamcorper lorem feugait esse esse nostrud qui adipiscing esse, luptatum at vel, praesent eu. Illum feugait praesent sit. Eum vel illum. Ea tation nonummy illum dolore ut in duis at tincidunt wisi, duis dolor autem feugiat laoreet luptatum nisl, esse. Te eu, minim, quis aliquip et hendrerit dolore luptatum vel commodo euismod euismod veniam ullamcorper.
</p>

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


</div>


</div>

<div id="save"><table>

back to categories

Image Inserts - Style 1

These are relatively simple layouts in different color schemes. Substitute my big "Your Image Here" image for your own header image.

Dark Red Stripes

<style />

.sf {
display: none;
}

td {
background: black;
}

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

#spacer {
height: 25px;
}

body {
background: url(http://i36.tinypic.com/6t1i0k.png) fixed;
text-align: center;
}

a {
color: black;
font-weight: bold;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

b {
color: #7d0000;
text-transform: uppercase;
}

i {
letter-spacing: 2px;
}

u {
text-decoration: none;
border-bottom: 1px solid #bc1212;
}

.box {
width: 650px;
border: 1px solid black;
background: white;
margin: auto;
margin-bottom: 25px;
font: normal 13px Verdana;
line-height: 20px;
}

.padding {
padding: 10px;
}

#nav a {
display: inline; 
padding: 5px;
margin-right: 5px;
background: #7d0000;
color: black;
border: 1px solid black;
font-weight: normal;
}

#nav a:hover {
text-decoration: none;
background: #bc1212;
}

h1 {
padding: 5px;
background: #7d0000;
border: 1px solid black;
font: normal 20px Verdana;
margin-top: 0px;
margin-bottom: 10px;
}

h2 {
padding: 3px;
background: #bc1212;
border: 1px solid black;
font: normal 15px Verdana;
margin-top: 15px;
margin-bottom: 10px;
}

p {
text-indent: 15px;
margin-top: 5px;
margin-bottom: 5px;
text-align: justify;
}

.top_button a {
display: block;
margin-top: 40px;
text-transform: lowercase;
text-decoration: none;
}

</style />

<div id="top"></div><div id="spacer"></div>
<div class="box"><div class="padding">

<img src="http://i38.tinypic.com/111tnhy.png">

</div></div>



<div class="box" id="navbox"><div class="padding"><div id="nav">

<a href="#">Link One</a>
<a href="#">Link Two</a>
<a href="#">Link Three</a>
<a href="#">Link Four</a>
<a href="#">Link Five</a>
<a href="#">Link Six</a>
<a href="#">Link Seven</a>

</div></div></div>






<div class="box"><div class="padding">


<h1>This Is a Header</h1>

<p>
Obviously, you use it to head your sections. And just a little note about the navigation above; You can customize your links, obviously, but try to keep them on one line, otherwise it doesn't look very nice.
</p>

<h2>This Is a Sub Header</h2>

<p>
A sub header is useful for dividing your sections further into... mini-sections, I suppose. Isn't that nifty? And this paragraph here - with the indent and the justified alignment - only happens if you enclose your text in those "p" and "/p" tags, like you'll see in the coding if you actually set about replacing my nifty filler text with your own content.
</p>

<p>
While we're here explaining how this premade petpage works, I guess I should show you the <b>bold</b>, <i>italics</i>, and <u>underline</u> styles. And the <a href="#">link</a> styles, I suppose. I understand link styles, but quite frankly, I'm not sure what people see in the rest of them. Sure, your page looks pretty, but I simply don't have the patience. Oh, well. I guess I'd better - hey, wait, I demonstrated them already. Cool. ;D
</p>


<div class="top_button">
<a href="#top">Back to the Top</a>
</div>

</div></div>






<div class="box"><div class="padding">


<h1>This Is a Header</h1>

<p>
Obviously, you use it to head your sections. And just a little note about the navigation above; You can customize your links, obviously, but try to keep them on one line, otherwise it doesn't look very nice.
</p>

<h2>This Is a Sub Header</h2>

<p>
A sub header is useful for dividing your sections further into... mini-sections, I suppose. Isn't that nifty? And this paragraph here - with the indent and the justified alignment - only happens if you enclose your text in those "p" and "/p" tags, like you'll see in the coding if you actually set about replacing my nifty filler text with your own content.
</p>

<p>
While we're here explaining how this premade petpage works, I guess I should show you the <b>bold</b>, <i>italics</i>, and <u>underline</u> styles. And the <a href="#">link</a> styles, I suppose. I understand link styles, but quite frankly, I'm not sure what people see in the rest of them. Sure, your page looks pretty, but I simply don't have the patience. Oh, well. I guess I'd better - hey, wait, I demonstrated them already. Cool. ;D
</p>


<div class="top_button">
<a href="#top">Back to the Top</a>
</div>

</div></div>






<div class="box"><div class="padding">


<h1>Important!</h1>

<p>
You can customize this layout as you so wish - adding/removing boxes, for instance - but one thing remains constant:
</p>

<p>
You may <b>not</b> mess with the credits section. My credit has to be on here at all times.
</p>


<div class="top_button">
<a href="#top">Back to the Top</a>
</div>

</div></div>






<div class="box"><div class="padding">
<h1>Credits</h1><p>
This petpage was made by <a href="/userlookup.phtml?user=seegensays">Bess</a>. You can get one yourself at <a href="/~1xx_vo_spader_xx1">Premades by Bess</a>.
</p></div></div>

Light Red Stripes

<style />

.sf {
display: none;
}

td {
background: black;
}

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

#spacer {
height: 25px;
}

body {
background: url(http://i33.tinypic.com/2enp2rb.png) fixed;
text-align: center;
}

a {
color: black;
font-weight: bold;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

b {
color: #b41919;
text-transform: uppercase;
}

i {
letter-spacing: 2px;
}

u {
text-decoration: none;
border-bottom: 1px solid #dc3f3f;
}

.box {
width: 650px;
border: 1px solid black;
background: white;
margin: auto;
margin-bottom: 25px;
font: normal 13px Verdana;
line-height: 20px;
}

.padding {
padding: 10px;
}

#nav a {
display: inline; 
padding: 5px;
margin-right: 5px;
background: #b41919;
color: black;
border: 1px solid black;
font-weight: normal;
}

#nav a:hover {
text-decoration: none;
background: #dc3f3f;
}

h1 {
padding: 5px;
background: #b41919;
border: 1px solid black;
font: normal 20px Verdana;
margin-top: 0px;
margin-bottom: 10px;
}

h2 {
padding: 3px;
background: #dc3f3f;
border: 1px solid black;
font: normal 15px Verdana;
margin-top: 15px;
margin-bottom: 10px;
}

p {
text-indent: 15px;
margin-top: 5px;
margin-bottom: 5px;
text-align: justify;
}

.top_button a {
display: block;
margin-top: 40px;
text-transform: lowercase;
text-decoration: none;
}

</style />

<div id="top"></div><div id="spacer"></div>
<div class="box"><div class="padding">

<img src="http://i38.tinypic.com/111tnhy.png">

</div></div>



<div class="box" id="navbox"><div class="padding"><div id="nav">

<a href="#">Link One</a>
<a href="#">Link Two</a>
<a href="#">Link Three</a>
<a href="#">Link Four</a>
<a href="#">Link Five</a>
<a href="#">Link Six</a>
<a href="#">Link Seven</a>

</div></div></div>






<div class="box"><div class="padding">


<h1>This Is a Header</h1>

<p>
Obviously, you use it to head your sections. And just a little note about the navigation above; You can customize your links, obviously, but try to keep them on one line, otherwise it doesn't look very nice.
</p>

<h2>This Is a Sub Header</h2>

<p>
A sub header is useful for dividing your sections further into... mini-sections, I suppose. Isn't that nifty? And this paragraph here - with the indent and the justified alignment - only happens if you enclose your text in those "p" and "/p" tags, like you'll see in the coding if you actually set about replacing my nifty filler text with your own content.
</p>

<p>
While we're here explaining how this premade petpage works, I guess I should show you the <b>bold</b>, <i>italics</i>, and <u>underline</u> styles. And the <a href="#">link</a> styles, I suppose. I understand link styles, but quite frankly, I'm not sure what people see in the rest of them. Sure, your page looks pretty, but I simply don't have the patience. Oh, well. I guess I'd better - hey, wait, I demonstrated them already. Cool. ;D
</p>


<div class="top_button">
<a href="#top">Back to the Top</a>
</div>

</div></div>






<div class="box"><div class="padding">


<h1>This Is a Header</h1>

<p>
Obviously, you use it to head your sections. And just a little note about the navigation above; You can customize your links, obviously, but try to keep them on one line, otherwise it doesn't look very nice.
</p>

<h2>This Is a Sub Header</h2>

<p>
A sub header is useful for dividing your sections further into... mini-sections, I suppose. Isn't that nifty? And this paragraph here - with the indent and the justified alignment - only happens if you enclose your text in those "p" and "/p" tags, like you'll see in the coding if you actually set about replacing my nifty filler text with your own content.
</p>

<p>
While we're here explaining how this premade petpage works, I guess I should show you the <b>bold</b>, <i>italics</i>, and <u>underline</u> styles. And the <a href="#">link</a> styles, I suppose. I understand link styles, but quite frankly, I'm not sure what people see in the rest of them. Sure, your page looks pretty, but I simply don't have the patience. Oh, well. I guess I'd better - hey, wait, I demonstrated them already. Cool. ;D
</p>


<div class="top_button">
<a href="#top">Back to the Top</a>
</div>

</div></div>






<div class="box"><div class="padding">


<h1>Important!</h1>

<p>
You can customize this layout as you so wish - adding/removing boxes, for instance - but one thing remains constant:
</p>

<p>
You may <b>not</b> mess with the credits section. My credit has to be on here at all times.
</p>


<div class="top_button">
<a href="#top">Back to the Top</a>
</div>

</div></div>






<div class="box"><div class="padding">
<h1>Credits</h1><p>
This petpage was made by <a href="/userlookup.phtml?user=seegensays">Bess</a>. You can get one yourself at <a href="/~1xx_vo_spader_xx1">Premades by Bess</a>.
</p></div></div>

back to categories

back to the top

Quick Fixes

Something not working right for you in one of my lookups? Here are some common problems people encounter:

What happened to my stats - they're all over the place! Chances are, you tried to type in too much for your about me section. Since the code that controls the stats is generally at the very bottom, if you go over the character limit, that part disappears. Always keep an eye on the character counter below the "about me" box.

The stat box with my Neopets stretches out or otherwise disturbs my lookup! Because I only test these on accounts with less than 4 Neopets, if you have 4 Neopets this might happen to you. Just add the following code underneath the first "style" tag, as the picture explains. You might have to adjust the numbers slightly.

The same thing is happening to me, only with my trophies! You solve this problem similarly, only with a different code (again, the numbers might need changing). Try the code to the left first, but, if it still doesn't work, add the one to the right.

back to the top

Requests

Requests are currently: CLOSED

If requests are currently open, please remember to consider the following:

I suppose I could do user specific requests, but I'd greatly prefer that you suggest a premade that I could make avaiable for everyone. In fact, if I put a lot of time into it, I'll probably erase your username and turn it into a premade, so my hard work can benefit more than one person. Put the word "pickle" in the additional guidelines section of the form below so I can make sure you've read my rules. Neo-related is also preferable, but I guess you can ask for a non-Neo... Just make sure the theme isn't too...violent, or dark, or basically anything that's not kid-appropriate.

You can ask for userlookups, shops, galleries, petpages, whatever - but ask for a layout of some sort. That means it has to involve coding for a page, such as this one.

Use the following form to submit your request:

- Color Scheme?
- Theme?
- Neopets image(s) you want me to use?
- Image(s) outside of Neopets?
- Style of layout? (Optional; use a premade here as a reference.)
- Here you would put any additional guidelines; for example, you know how you want it to look, you just can't code it yourself.

And remember the most important thing: if requests are closed, you will be ignored. Also, it takes me quite a while to get around to making a request, so be prepared to wait for several months. (Don't like it? Then don't bother requesting.)

Current Requests

A count of all the requests I have pending so far. If the numbers here are high, please realize that it's first come first serve, I do have a life off of the internet (*gasp!*), and I can really only do these things over the weekend.

To do list: 2 (1 lookup, 1 gallery)

Working on: Nothing, at the moment

Pickup: Your customs can be picked up in the section below, with any additional comments I needed to add. When I finish a request, your code will be put there. The code will stay there until you neomail telling me that you have picked up the code, and then it will be removed from this page. Please note that I save EVERYTHING to my computer, so if you somehow accidentally lose the coding, I can give it back to you.

Pickups

Please don't take a code unless it's for you. It'd just look stupid with someone else's username thrown in there, anyways. ;D

None at the moment.

back to the top

Navigation

About

Updates

Rules

Link Back

Buttons

Text Linkage

Affiliates

The affies

Pending:

Credits

Categories

Userlookups

Petpages

The Userlookups

Neopian Worlds

Specific Pets/Faeries/Etc.

General/Miscellaneous

The Petpages

Pure CSS

Image Inserts - Style 1

Quick Fixes

Requests

Current Requests

Pickups