AccountCentralExploreGamesBoardsShopsNewsVideoMall

Picture It!

Okay, so I've been on the help boards, and noticed that a lot of people have questions about putting images up. This, hopefully, will help you figure that out a little easier. I'll be updating whenever I see new questions that aren't addressed here, but if you think I should add something, feel free to Neomail me here.

To edit your User Lookup, go Here. To edit your pet's lookup, go Here. To edit your petpage, go Here.

Basic Image Code | Images on Your Computer | Text on Hover | Images as Links | Link back buttons | Background Codes


Very Important!

Images of yourself are not allowed. Period. At all.

Note: Due to the new filter issues, you may need to change your style tags to
and move all CSS to the bottom, underneath everything else.

Step 1.) Let's start with the basic image code. This is the code you will be using for pretty much all of your images.

To use this code for your images, simply replace imgURL.jpg with the url of your image. For example:

gives us this.

Note: For Neopets images, all you need to do to find the URL is right-click on the image, and hit either 'copy image location' (Firefox) or go to 'image properties' or 'properties' (Internet Explorer). Look for where it says 'Location' (Firefox) or 'Address' (Internet Explorer).

Firefox:

Internet Explorer:

1.a)For images whose URLs end in .png, you may need to add width and height tags, or they might not show up on all browsers.

These size dimensions can be found in the image properties, if you right-click on the image, or if you're using an image you uploaded to a hosting site, it will tell you the size.
Back to Top

Which brings us to...


Step 2.) I have an image I want to use, but it's on my computer. How do I use it on Neopets?
First thing you need to do is make sure your image is in one of three formats: .gif, .jpg, or .png. Then you need to upload it to an image hosting site. Once uploaded, your image will probably have several lines of coding under it. There is only one of these that you can use on Neopets. Make sure to use the one that says 'Direct Link'. No matter where you host your images, make sure that the code you use begins with 'http', and doesn't have a link (a href="blah" ) in it. Also, if your image has a space in the name, you'll need to change it to one word, or it won't work on Neopets.
Example:

gives us:

Notice that, since it's a .png image, I added the height and width tags.
Back to Top


Step 3.) I want text to pop up, when people hover over my image. How do I do that?
Add alt="text here" title="text here" to your image code. Example:

gives us:
The QUEEN
Back to Top


Step 4.) How do I make my image link to my page?

Put the URL of your page in the quotation marks, where it says yoursiteurl, and your image URL where it says imageURL.jpg.
Example:

4.a) That's great, but I don't like this border around my image. How do I get rid of it?
Glad you asked! hehe... add border="0" to your image code.

Example:

4.b) Even better! But...I'd kind of like for it to open my link in a new page. How do I do that?
Quite simple, really. Add target="blank" to your a linking code.

Example:

Back to Top

Step 5.) How do I put my button with the code, so people can link back to me?

Note: For petpages, you'll need to put an underscore ( _ ) between text and area.
Example:

EXTRA

Using an image for a background

The code for using your image as a background for your whole page is:

Adding 'background-attachment:fixed' will keep your background from scrolling. For example, the background code for this page is:

For your userlookup, you can add a background for the whole page (outer area), the 'main' section (outer table), and 'content' section (inner table). The coding for these would look something like this:

You can also use just a color for your backgrounds.

I'll add more later, when I have a bit more time. I hope this helps, though. ^__^
Back to Top

Affies/Link Exchange

Listed at:

Link Back!

If you found this page to be useful at all, please feel free to link to it.





Heads Up! You're about to leave Neopia!

You've clicked on a link that will take you outside of
Neopets.com. We do not control your destination's website,
so its rules, regulations, and Meepit defense systems will be
different! Are you sure you'd like to continue?



It is a journey
I must face...alone.
*dramatic music*
I want to stay on Neopets,
where the dangers of
Meepit invasion
are taken seriously.
Heads Up! You're about to leave Neopia!

You've clicked on a link that will take you outside of
Neopets.com. We do not control your destination's website,
so its rules, regulations, and Meepit defense systems will be
different! Are you sure you'd like to continue?



It is a journey
I must face...alone.
*dramatic music*
I want to stay on Neopets,
where the dangers of
Meepit invasion
are taken seriously.
Heads Up! You're about to leave Neopia!

You've clicked on a link that will take you outside of
Neopets.com. We do not control your destination's website,
so its rules, regulations, and Meepit defense systems will be
different! Are you sure you'd like to continue?



It is a journey
I must face...alone.
*dramatic music*
I want to stay on Neopets,
where the dangers of
Meepit invasion
are taken seriously.
/help/bumper/headers/log-in-to-facebook

NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., © 1999-2014.
® denotes Reg. US Pat. & TM Office. All rights reserved.

PRIVACY POLICY | Safety Tips | Contact Us | About Us | Press Kit
Use of this site signifies your acceptance of the Terms and Conditions