PlumRoyal got their homepage at Neopets.com

Welcome to Roni's Pet Lookup Tutorial!

This tutorial will teach you how to make a very simple pet lookup like this one and this one. If you have any questions, feel free to neomail me. I do not offer graphics help, so please don't ask. I do NOT make customs.

Update! Not good at making graphics? I now have an assortment of banners to use with this coding. You can find them here.

Update! This template has been fixed so that it WILL still work despite the glitch.

If you use this tutorial, do not claim it was your own coding. The credit link must stay on.

Rules:
1. You do not need permission to use this coding for premades and customs. However, you do need to keep the credit link to my page in every pet lookup you make. You may reword the text credit or even make your own button if you don't like the ones provided, but it must be clear that the coding was done by me and must link directly to this page.

2. Again, do not remove the credit link for any reason.

3. Did I mention not to remove the credit?

Note: If you use any single parts of this coding (just the background code, or just the font code) they must be inside the style tags.

Here's the code to copy and use:

body, td, p{color:#000000;font-family:georgia; font-size:12px;}
a:link, a:visited, .content {color:#FFFFFF; font-family:georgia; font-size:12px;}
a:hover{color:#000000;}

#main{background:#555555;Border:1px solid #000000;width:700px;}

#content{width:100%;}

.contentModuleHeader,.contentModuleHeaderAlt, .ds{
background:#444444;
border:1px solid black;border-bottom:0px;}

.contentModuleContent,.contentModuleTable img, .cs {border:1px solid black; background:#DDDDDD;}

.contentModule,.contentModuleTable {border:none;}

.sidebar,#footer,#nst,.user,.nav_image,.bb{display:none;}

#header{width:700px;height:150px;background:#FFFFFF url(http://i23.tinypic.com/2087336.png);border:none;background-position:center;background-repeat:no-repeat;}
</style />

<div align=center><a href='/myaccount.phtml'>MY ACCOUNT</a>||
<a href='petcentral.phtml'>PET CENTRAL</a>||<a href='explore.phtml'>EXPLORE</a>||<a href='gameroom.phtml'>GAMES</a>||
<a href='objects.phtml'>SHOPS</a>||<a href='neoboards/index.phtml'>BOARDS</a>||
<a href='nf.phtml'>NEWS</a>||<a href=/video/index.phtml>VIDEO</a>||<a href=/mall/index.phtml>NC MALL</a><br><br>

YOUR TEXT HERE<br><br>

Code by <a href=/~PlumRoyal>Roni</a></div>

You can paste it here on the "edit pet description" page.

Text in green are the areas you can change.
Text in blue are tips on what that part of the code is for.

1.body{background:#BBBBBB;background-image: url(YOUR_IMAGE_HERE.gif);}
This changes the entire page background to the color/image of your choice.

2.body, td, p{color:#000000;font-family: georgia; font-size:12px;}
a:link, a:visited, .content {color: #FFFFFF; font-family: georgia; font-size: 12px;}
a:hover{color:#000000;}
This changes your font and links color, type, and size.

3.#main{background:#555555;border:1px solid #000000;width:700px;}
This changes the background and border color behind the modules.

#content{width:100%;}

4..contentModuleHeader,.contentModuleHeaderAlt { background:#444444; border:1px solid black;border-bottom:0px;}
This changes all the colors and borders for the module headers.

5..contentModuleContent,.contentModuleTable img {border:1px solid black; background: #DDDDDD;}
This changes the colors and borders of the content modules (the boxes that hold your info like pet, stats, description, etc).

.contentModule,.contentModuleTable {border:none;}

6..sidebar,#footer,#nst,.user,.nav_image{display:none;}
This removes the sidebar that shows your active pet, the footer at the bottom of the page, and the navigation.

7. #header{width:700px;height:150px;background:#FFFFFF url
(http://i23.tinypic.com/2087336.png);border:none; background-position:center;background-repeat:no-repeat;}
This is where you can add your own image or change the color of the header. Not good at making graphics and don't want the header to show up? Just replace the entire header code with this:
#header{display:none;}

Border style suggestions: solid,dashed,dotted,ridge
Font suggestions: arial, tahoma, georgia, century gothic
Color Hex Codes: Click here

Link back to me!