Mystied got their homepage at Neopets.com

Home Updates

USER LOOKUPS

Special Basic CSS Fancy CSS Ncmall Graphic Remixed Vintage Patterns Less Used

FLOATS

Decorative Top and Bottom Recolors

MISC

Backgrounds Shields Shops Galleries

PET

Wishlist Petpage Descriptions Big Pet Codes

RESOURCES

Sitely Faq/Rules Css Guide Scrapbook Spotlight

CONTACT

Simple Fly

Layout/Template
We make our own templates.

Our petpage layouts are not for free use.

Cutie Pie Pet Code

If you found this code useful during our site downtime, please find it in yourself to give proper credits, as for it was a quick fix for anyone who had removed their neopets and needed a code to place them back, thank you as always for using Silent Serenitys Content, we love ya for it, you know we do. xoxo

Do not not not not not remove or cover ANY of the following stats on your lookups: Info, Collection, Shop & Gallery, Neopets or Trophies.

Palette (5 pets)

These come with crazy border colors! You can change the color and sizes of the borders to anything you'd like. The size of these pets is smaller than the big version but slightly larger than the skinny version.

Palettes from COLOURlovers.

### ### ### ### ### <style> #neo { margin-top: 30px; } #neo a { width: 148px; height: 295px; overflow: hidden; display: block; } #neo img { margin-left: -76px; margin-top: -2px; } .b1 { border: 10px solid #FE4365; } .b2 { border: 10px solid #FC9D9A; } .b3 { border: 10px solid #F9CDAD; } .b4 { border: 10px solid #C8C8A9; } .b5 { border: 10px solid #83AF9B; } </style> <div id="neo"> <table><tr> <td class="b1"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b2"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b3"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b4"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b5"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> </tr></table> </div> <a href="/~Tines">Pet code by Silent Serenity.</a>	### ### ### ### ### <style> #neo { margin-top: 30px; } #neo a { width: 148px; height: 295px; overflow: hidden; display: block; } #neo img { margin-left: -76px; margin-top: -2px; } .b1 { border: 10px solid #556270; } .b2 { border: 10px solid #4ECDC4; } .b3 { border: 10px solid #C7F464; } .b4 { border: 10px solid #FF6B6B; } .b5 { border: 10px solid #C44D58; } </style> <div id="neo"> <table><tr> <td class="b1"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b2"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b3"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b4"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b5"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> </tr></table> </div> <a href="/~Tines">Pet code by Silent Serenity.</a>	### ### ### ### ### <style> #neo { margin-top: 30px; } #neo a { width: 148px; height: 295px; overflow: hidden; display: block; } #neo img { margin-left: -76px; margin-top: -2px; } .b1 { border: 10px solid #CFF09E; } .b2 { border: 10px solid #A8DBA8; } .b3 { border: 10px solid #79BD9A; } .b4 { border: 10px solid #3B8686; } .b5 { border: 10px solid #0B486B; } </style> <div id="neo"> <table><tr> <td class="b1"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b2"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b3"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b4"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b5"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> </tr></table> </div> <a href="/~Tines">Pet code by Silent Serenity.</a>	### ### ### ### ### <style> #neo { margin-top: 30px; } #neo a { width: 148px; height: 295px; overflow: hidden; display: block; } #neo img { margin-left: -76px; margin-top: -2px; } .b1 { border: 10px solid #343838; } .b2 { border: 10px solid #005F6B; } .b3 { border: 10px solid #008C9E; } .b4 { border: 10px solid #00B4CC; } .b5 { border: 10px solid #00DFFC; } </style> <div id="neo"> <table><tr> <td class="b1"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b2"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b3"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b4"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b5"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> </tr></table> </div> <a href="/~Tines">Pet code by Silent Serenity.</a>
### ### ### ### ### <style> #neo { margin-top: 30px; } #neo a { width: 148px; height: 295px; overflow: hidden; display: block; } #neo img { margin-left: -76px; margin-top: -2px; } .b1 { border: 10px solid #A79C8E; } .b2 { border: 10px solid #F8ECC9; } .b3 { border: 10px solid #F1BBBA; } .b4 { border: 10px solid #EB9F9F; } .b5 { border: 10px solid #6B5344; } </style> <div id="neo"> <table><tr> <td class="b1"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b2"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b3"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b4"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b5"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> </tr></table> </div> <a href="/~Tines">Pet code by Silent Serenity.</a>	### ### ### ### ### <style> #neo { margin-top: 30px; } #neo a { width: 148px; height: 295px; overflow: hidden; display: block; } #neo img { margin-left: -76px; margin-top: -2px; } .b1 { border: 10px solid #DBA7BE; } .b2 { border: 10px solid #EBB3BE; } .b3 { border: 10px solid #FAC4C4; } .b4 { border: 10px solid #FBCAC5; } .b5 { border: 10px solid #FDD7CC; } </style> <div id="neo"> <table><tr> <td class="b1"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b2"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b3"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b4"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b5"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> </tr></table> </div> <a href="/~Tines">Pet code by Silent Serenity.</a>	### ### ### ### ### <style> #neo { margin-top: 30px; } #neo a { width: 148px; height: 295px; overflow: hidden; display: block; } #neo img { margin-left: -76px; margin-top: -2px; } .b1 { border: 10px solid #A3A948; } .b2 { border: 10px solid #EDB92E; } .b3 { border: 10px solid #F85931; } .b4 { border: 10px solid #CE1836; } .b5 { border: 10px solid #009989; } </style> <div id="neo"> <table><tr> <td class="b1"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b2"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b3"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b4"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b5"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> </tr></table> </div> <a href="/~Tines">Pet code by Silent Serenity.</a>	### ### ### ### ### <style> #neo { margin-top: 30px; } #neo a { width: 148px; height: 295px; overflow: hidden; display: block; } #neo img { margin-left: -76px; margin-top: -2px; } .b1 { border: 10px solid #AAFF00; } .b2 { border: 10px solid #FFAA00; } .b3 { border: 10px solid #FF00AA; } .b4 { border: 10px solid #AA00FF; } .b5 { border: 10px solid #00AAFF; } </style> <div id="neo"> <table><tr> <td class="b1"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b2"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b3"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b4"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b5"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> </tr></table> </div> <a href="/~Tines">Pet code by Silent Serenity.</a>
### ### ### ### ### <style> #neo { margin-top: 30px; } #neo a { width: 148px; height: 295px; overflow: hidden; display: block; } #neo img { margin-left: -76px; margin-top: -2px; } .b1 { border: 10px solid #F39DD4; } .b2 { border: 10px solid #DBBAE5; } .b3 { border: 10px solid #B8D0DD; } .b4 { border: 10px solid #B7E3C0; } .b5 { border: 10px solid #F8F087; } </style> <div id="neo"> <table><tr> <td class="b1"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b2"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b3"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b4"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b5"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> </tr></table> </div> <a href="/~Tines">Pet code by Silent Serenity.</a>	### ### ### ### ### <style> #neo { margin-top: 30px; } #neo a { width: 148px; height: 295px; overflow: hidden; display: block; } #neo img { margin-left: -76px; margin-top: -2px; } .b1 { border: 10px solid #D9CEB2; } .b2 { border: 10px solid #948C75; } .b3 { border: 10px solid #D5DED9; } .b4 { border: 10px solid #7A6A53; } .b5 { border: 10px solid #99B2B7; } </style> <div id="neo"> <table><tr> <td class="b1"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b2"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b3"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b4"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b5"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> </tr></table> </div> <a href="/~Tines">Pet code by Silent Serenity.</a>	### ### ### ### ### <style> #neo { margin-top: 30px; } #neo a { width: 148px; height: 295px; overflow: hidden; display: block; } #neo img { margin-left: -76px; margin-top: -2px; } .b1 { border: 10px solid #1C0113; } .b2 { border: 10px solid #6B0103; } .b3 { border: 10px solid #A30006; } .b4 { border: 10px solid #C21A01; } .b5 { border: 10px solid #F03C02; } </style> <div id="neo"> <table><tr> <td class="b1"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b2"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b3"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b4"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b5"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> </tr></table> </div> <a href="/~Tines">Pet code by Silent Serenity.</a>	### ### ### ### ### <style> #neo { margin-top: 30px; } #neo a { width: 148px; height: 295px; overflow: hidden; display: block; } #neo img { margin-left: -76px; margin-top: -2px; } .b1 { border: 10px solid #B8D0DE; } .b2 { border: 10px solid #9FC2D6; } .b3 { border: 10px solid #86B4CF; } .b4 { border: 10px solid #73A2BD; } .b5 { border: 10px solid #6792AB; } </style> <div id="neo"> <table><tr> <td class="b1"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b2"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b3"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b4"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> <td class="b5"> <a href="/petlookup.phtml?pet=PETNAME"> <img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a> </td> </tr></table> </div> <a href="/~Tines">Pet code by Silent Serenity.</a>

Plain Border

These work best on large layouts or on the basic neopets layout.

4 Pets
(neohome removed)

4 Pets
(neohome remains)

5 Pets
(neohome removed)

<a href="/~Tines">Pet code by Silent Serenity.</a>

5 Pets
(neohome remains)

<a href="/~Tines">Pet code by Silent Serenity.</a>

Skinny Plain Border

These work best on smaller layouts.

4 Pets
(neohome removed)

4 Pets
(neohome remains)

5 Pets
(neohome removed)

<a href="/~Tines">Pet code by Silent Serenity.</a>

5 Pets
(neohome remains)

<a href="/~Tines">Pet code by Silent Serenity.</a>

Super Big Skinny

WOOOAH BAAAABY LOOK AT UR FACE!

4 Pets
(neohome remains)

4 Pets
(neohome removed)

5 Pets
(neohome remains)

<a href="/~Tines">Pet code by Silent Serenity.</a>

5 Pets
(neohome removed)

<a href="/~Tines">Pet code by Silent Serenity.</a>

Large Rough Edge

These are for larger layouts or regular neopets layouts. They feature a white rough edge.

4 Pets
(neohome removed)

<a href="/~Tines">Pet code by Silent Serenity.</a>

4 Pets
(neohome remains)

<a href="/~Tines">Pet code by Silent Serenity.</a>

5 Pets
(neohome removed)

<a href="/~Tines">Pet code by Silent Serenity.</a>

5 Pets
(neohome remains)

<a href="/~Tines">Pet code by Silent Serenity.</a>

Skinny Rough Edge

These are for skinny layouts. They feature a white rough edge.

4 Pets
(neohome removed)

<a href="/~Tines">Pet code by Silent Serenity.</a>

4 Pets
(neohome remains)

<a href="/~Tines">Pet code by Silent Serenity.</a>

5 Pets
(neohome removed)

<a href="/~Tines">Pet code by Silent Serenity.</a>

5 Pets
(neohome remains)

<a href="/~Tines">Pet code by Silent Serenity.</a>

Large Rough Edge - Black

These are for larger dark layouts or regular neopets layouts. They feature a black rough edge.

4 Pets
(neohome removed)

<a href="/~Tines">Pet code by Silent Serenity.</a>

4 Pets
(neohome remains)

<a href="/~Tines">Pet code by Silent Serenity.</a>

5 Pets
(neohome removed)

<a href="/~Tines">Pet code by Silent Serenity.</a>

5 Pets
(neohome remains)

<a href="/~Tines">Pet code by Silent Serenity.</a>

Skinny Rough Edge - Black

These are for skinny layouts. They feature a black rough edge.

4 Pets
(neohome removed)

<a href="/~Tines">Pet code by Silent Serenity.</a>

4 Pets
(neohome remains)

<a href="/~Tines">Pet code by Silent Serenity.</a>

5 Pets
(neohome removed)

<a href="/~Tines">Pet code by Silent Serenity.</a>

5 Pets
(neohome remains)

<a href="/~Tines">Pet code by Silent Serenity.</a>

CSS Help

Gap fix: If you want to use this with our layouts that have neopets above the stats you need to remove the following code to keep there from being a large gap (sometimes the number is something different like 300px):

Little White Border If you want to remove that little white border around your pets, then you can add this code!