Mystied got their homepage at Neopets.com

Silent Serenity

Founded NOVEMBER 26th, 2012 Latest Update Monday May 20th, 2013 Owned by idreamofsimplethings & foreverflyleaf

Home Special Basic CSS Fancy CSS Ncmall Graphic Remixed Vintage Patterns Variety

If you need more help please see our css guide, or toss us a mail!

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

Snap a Photo!

Overcloudy pouting again!

Qho being sneaky.. shhh!

Nimm facing the darkness~

Big - 4 Pets

Big - 5 Pets

<a href="/petlookup.phtml?pet=PETNAME">
<img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a>
PETNAME

</td>
<td class="bp">

<a href="/petlookup.phtml?pet=PETNAME">
<img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a>
PETNAME

</td>
<td class="bp">

<a href="/petlookup.phtml?pet=PETNAME">
<img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a>
PETNAME

</td>
<td class="bp">

<a href="/petlookup.phtml?pet=PETNAME">
<img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a>
PETNAME

</td>
<td class="bp">

<a href="/petlookup.phtml?pet=PETNAME">
<img src="http://pets.neopets.com/cpn/PETNAME/1/4.png"></a>
PETNAME

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

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

Huge - 4 Pets

Huge - 5 Pets

<a href="/petlookup.phtml?pet=PETNAME">
<img src="http://pets.neopets.com/cpn/PETNAME/1/5.png"></a>
PETNAME

</td>
<td class="bp">

<a href="/petlookup.phtml?pet=PETNAME">
<img src="http://pets.neopets.com/cpn/PETNAME/1/5.png"></a>
PETNAME

</td>
<td class="bp">

<a href="/petlookup.phtml?pet=PETNAME">
<img src="http://pets.neopets.com/cpn/PETNAME/1/5.png"></a>
PETNAME

</td>
<td class="bp">

<a href="/petlookup.phtml?pet=PETNAME">
<img src="http://pets.neopets.com/cpn/PETNAME/1/5.png"></a>
PETNAME

</td>
<td class="bp">

<a href="/petlookup.phtml?pet=PETNAME">
<img src="http://pets.neopets.com/cpn/PETNAME/1/5.png"></a>
PETNAME

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

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

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

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!

Contact

Simple
Fly

Floats

Decorative
Top and Bottom
Recolors

Misc

Backgrounds
Shields
Shops
Galleries

Pet

Wishlist
Petpage
Descriptions
Big Pet Codes

Sitely
Rules
Css Guide
Scrapbook Spotlight

Resources

Swimchick Resources
Jellyneo Item Database
Dress to Impress
Corel PSP X
Background Bonanza

» more