Welcome guest to Wizzney's Help Page. I will attempt to answer some of the HTML questions that I receive neomails about most frequently.

Please click here color=red>to neomail me if you have any additional questions

*NEW* Due to the fact that Neopets often changes how codes work, Karotene's paw of approval will indicate when I last tested the codes to ensure that they work.

If a code has Karotene's paw of approval beside it, it was last tested on May 14th , 2009



Navigation

Adding A Background to Shop/Gallery

Tables

Editing your shop/gallery

Changing your lookup

Colour Chart

Marquee

Fonts and Text

Adding Images and linking to other Neopet pages

Text Boxes

Other Useful Codes

Recommended Pet Pages

Link Back To Me


Below are a few tips to keep in mind when creating your shop/gallery:

color=#996600>
  • Keep it neat. A lot of extra pictures can take away from the overall look. Also, moving graphics tend to slow down the shop/gallery loading. Keep graphics limited to those that really relate to your theme.
  • Music adds a nice touch to the theme. However, it can also slow your shop/gallery loading. Therefore, I would not recommend music in a shop where you want to make sales as people cannot shop as quickly. Also, many people like to listen to their own music while playing neopets.
  • Always keep your prices visible. Use a good contrast colour to your background. The code for changing the colour is located below.
In order to change your graphics:
color=#996600>
  • Edit your user lookup - click herecolor=#996600>
  • Edit your gallery - click here
  • Edit your shop - click here
  • Edit your Neopet's description - click here



*Adding A Background to your shop or gallery*color=#996600>size>

Add a background to your shop or gallery. The image will be tiled (repeated) over the entire page. Replace the graphic with your own.


Keep your background in one spot in order to keep it from scrolling (moving) with your items. You will use EITHER this code or the code immediately above.



Add a non repeated image to the right side of your screen in your shop or gallery.




*Tables*color=#996600>size>

Table for your shop (You can select your own colours for the border, background and font)

The table will look like the table in my gallery here


*Additional Tables*color=#996600>size>

Option #1: This table is useful at the beginning of your shop/gallery if you do not have a blog

  • The width is currently 500...You can increase or decrease this number
  • Change the border colour and background colour to match your theme

YOUR TEXT GOES HERE


Option #2

YOUR TEXT OR IMAGE HERE
YOUR TEXT OR IMAGE HERE YOUR TEXT OR IMAGE HERE
YOUR TEXT OR IMAGE HERE YOUR TEXT OR IMAGE HERE



*Editing your Shop/Gallery*color=#996600>size>

Please refer to the link at the bottom of the page for a colour guide. For all colours you may select either a colour number from the hexadecimal colour chart or a colour name. You must use the # sign immediately before the hexadecimal number.



Change the colours of your scroll bar on the right hand side of the screen. This one requires that you use colour numbers. The colour numbers that are currently plugged in will make your scroll bar appear like the one on this page. This one gives you the opportunity to use a wider range of colours.



Change the colours of your scroll bar on the right hand side of the screen. This one requires that you use actual colour names.



Remove the white from behind the items in your shop. You will be able to see your background colour instead. It will look like the picture below.



Change the colour of the price and name of items in your shop/gallery



Remove the lines of the boxes that are around the items in your shop or gallery

Before After


*Changing your Lookup*color=#996600>size>

Add an image to the right side of your lookup AND change the background colour (replace the URL that I have with one of your own. Choose a background colour to match your image).


Add a tiled background to your lookup

  • Change #ce92ef to the main colour you want for a background
  • Change 'http://pets.neopets.com/cp/w6kl48vj/1/2.png' to your own image
  • Change 780px to a width for the content modules that you like


Add a repeated image down the right hand side


Change the colour of the heading of the content modules


Change the background colour of the content modules


Remove the border around the content modules


A few options for changing the border's colour and width around the content modules
narrow border
wide border
wide/dashed border


If you do not know how to make your own navigation toolbar, use this instead




*Colour Chart*color=#996600>size>

Hexadecimal # Preview Hexadecimal # Preview Hexadecimal # Preview Hexadecimal # Preview
#cccc99 #999966 #999933 #666600
#ffffcc #ffff99 #ffff66 #ffff00
#ffcc99 #ff9933 #ff9966 #cc6633
#ff9999 #ff6666 #ff3333 #cc0033
#ffccff #ff99ff #ff66ff #ff00ff
#ccffff #99ffff #66ffff #33ffff
#99ccff #6699cc #3366cc #0033cc
#ccccff #9999ff #9966ff #6633ff
#99ffcc #33ff99 #00cc66 #006633
#e1dfdf #c0c0c0 #808080 #000000

*Marquee*color=#996600>size>

The marquee codes will work in your shop, item gallery and pet pages.




Add a marquee...It will look like this



Add a marquee with a background...It will look like this


Add a bouncing marquee...It will look like this


Change the appearence of the font in your Marquee...It will look like this


*Changing Font/Text*color=#996600>size>

Change the colour of your font


Changing Font Format


Bold
Underline
Italics
Strikeout
Small
Superscripted


Changing Font Size


Size 1
Size 2
Size 3
Size 4
Size 5
Size 6

*Adding images and linking to other Neopets pages*color=#996600>size>

Add any Neopets Image

  • Right click on the image that you want to use. Note: the only place that this cannot be done is in other players shops
  • Select "properties"
  • You will get the URL for the image
  • The code in the text box will give you this image. Change the URL to one of your choice.


*NEW* Add a description to your link when someone hovers over it.
It will look like this.
Wizzney's HTML help
Replace the link to my page with a link to your own page. Replace my img src with your own image.


Add a cursor along with a coloured scroll bar


Use text to link to another Neopets page.

For example, click HERE to visit my gallery




*Text Boxes*color=#996600>size>

Adding Text Boxes (Due to Neopets coding, you will be unable to copy and paste these). Also, text boxes work in shops, galleries and pet pages. They will not work in lookups.


This is a text box


Changing the look of your text box.


*Other Useful Codes*color=#996600>size>

Add a line (will look like the pink dividing line on this page). Change the colour to whatever you want. You can use either a colour # or name.


Add bullet points

  • First Line
  • Second Line
  • Third Line


Anchor Tags. This is the code that I used to make the navigation chart at the top of the page. It will allow people to jump to a specific place on your pet page.

1.)This is the code that I used in the navigation chart


2.)This is then used at the beginning of the section of the page that you want to jump to

Change the words that I have in the navigation chart to your own


Useful codes for organizing your page. These codes can be used to organize graphics or text.

To start a new line of text
To start a new paragraph
To centre your text


Did you notice how you were personally welcomed at the top of the page guest? Simply copy the word in the box below onto your petpage for the same effect.

*Links to recommended Pet Pages*color=#996600>size>
(All links will take you to a Neopets pet page)
Please neomail me if you have a graphics pet page that you would like me to add.

*Lookups*




*Backgrounds*


*Banners*


*Custom Graphics*


*Colour Charts*


*Didn't find your answer here? Try one of these HTML/CSS help pages*

*Please copy a code to link back to me*color=#996600>size>

Wizzney's HTML help

Wizzney's HTML help

Wizzney's HTML help

Wizzney's HTML help

Wizzney's HTML help

Wizzney's HTML help




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