xXPretty_PoogleXx got their homepage at Neopets.com

Ever see people with their favorite, newest, and wanted avatars displayed on their lookup? Or maybe you have a premade that has the place to put them, but you're not sure how? That's why I decided to make this page, to try to explain, fairly simply, how to do that. ^__^

Favorite

Most Recent

Most Wanted

Vertical box

Favorite | Newest | Wanted

Horizontal box

To make a box on your UL with favorite/newest/wanted avatars:
Step one: Copy and paste this code into the 'about me' section on your profile:
<style> #myavvybox { color: -blocked-; background-color: -blocked-; border-color: -blocked-; border-width: 1px; border-style: dashed; text-align: center; font-family: andalus,Tahoma; font-size: 12pt; width: 100px; background-image: url("-blocked-"); } </style>
Or use this code for a horizontal box:
<style> #myavvybox { color: -blocked-; background-color: -blocked-; border-color: -blocked-; border-width: 2px; border-style: solid; text-align: center; font-family: andalus,Tahoma; font-size: 12px; width: 175px; } </style>
Step two: Replace the (color) with the hex code for whatever colors you want.
Step three: Copy and paste this code:
<div id="myavvybox"> Favorite<br><img src="http://images.neopets.com/neoboards/avatars/default.gif" width="50" height="50" border="0"><br><p>Most Recent<br><img src="http://images.neopets.com/neoboards/avatars/default.gif" width="50" height="50" border="0"><br></p> <p>Most Wanted<br><img src="http://images.neopets.com/neoboards/avatars/default.gif" width="50" height="50" border="0"></p> </div>
Or for horizontal:
<div id="myavvybox"> Favorite | Newest | Wanted <br><img src="http://images.neopets.com/neoboards/avatars/default.gif" width="50" height="50" border="0"><img src="http://images.neopets.com/neoboards/avatars/default.gif" width="50" height="50" border="0"><img src="http://images.neopets.com/neoboards/avatars/default.gif" width="50" height="50" border="0"> </div>
Step four: Change the image url. To find the url for the avatars you want, find a picture of the avatar (a good site for this is www.neopets.com/~avvy); right-click on the picture

and select 'properties'.

Copy the image url

and paste it in the code.

*Note: Some people seem to be confused as to where to paste the url. In the coding in the second box, where it says "http://images.neopets.com/neoboards/avatars/default.gif", replace that with the url that you copied in step four.

Link me: