:: RainbowBliss.net ::

neopets html tricks

These codes are for you to use on your neopets page to change certain aspects of it. Some codes will not work in some areas of the site (eg. If one of the codes works on your user lookup, it might not work on your guild). Just experiment with them, thats what I always do!
There are alot more different things you can do on your pages, these are just a few of the codes that you can use.
NOTE: Some codes only work in Internet Explorer.

How to edit the codes:
Colours: Currently, all of the colours are set to a random colour. The colours are the parts of the code with # and six numbers/ letters after it. You can use this colour chart for colour codes (make sure you use the codes with # in front of them).
Fonts: All the fonts are currently set to verdana. To change it, look for verdana in the code and change it to arial, georgia, tahoma, comic sans ms or another popular font. Remember, if someone doesn't have the font on their computer, they will not see it.
Font Size: To change the size of some text, just find the part of the code that has font-size:10px and change the number infront of px to another number.
Borders: The borders thickness and style can be changed. Where a code has border:1px solid, you can change the number in front of the px to make it thicker (eg. 2px) and you can change the word solid to double, dashed, or dotted.

Change the colour & style of the NeoClock

Remove the NeoClock
I don't know why you would want to do this (unless you change alot of other things), but here's the code
<style>#nst{display: none;}</style>

Stats/Font Colour
Changes the colour of all the text in your user lookup.
<style>.medText{color:#0000FF;font-size:10px} b{color:#0000FF} a:link b,a:visited b{color:#006400} a:hover b{color:#AE689A; text-decoration:underline}</style>

Scrollbar colour
You may want to use one of our pre-made scrollbar colours. IE only.
<style type="text/css">body{scrollbar-face-color : #4a9ec0; scrollbar-highlight-color : #5abed9; scrollbar-3dlight-color : #5aaed0; scrollbar-shadow-color : #2a7ea0; scrollbar-darkshadow-color : #2a7ea0; scrollbar-track-color : skyblue; scrollbar-arrow-color : skyblue;}</style>

Remove the white box around pictures
You could say that this code makes the images transperant.
<style type="text/css">p img{filter:chroma(color=white)}</style>

Make images look "x-ray"
Make all images have an “xray” look. Looks best with a black background.
<style type="text/css">p img{filter:xray chroma(color=#000000) glow(color="#FFFFFF" strength="10")}</style>

Make all pictures partially transperant
You may want to change the 60 to a number from 1-100 to make it more or less transperant.
<style type="text/css">img{filter:alpha(Opacity=60)}</style>

Make images grey
Makes all images turn greyscale.
<style>IMG {filter:gray}</style>

Glow
Makes text and borders of images 'glow'.
<style>td,p{filter:glow(color="#FFFF11",strength="2")}</style>

Remove the lines in your user lookup.
The ones between your trophies, pets etc.
<style type="text/css">hr {display: none;}</style>

Put a border around your own text.
<style type="text/css">div.box {overflow: auto; width: 550px; border: 2px solid #000000;}</style> <div class=box>Your text goes here~Your text goes here~Your text goes here</div>

Links:
Neopets HTML guide
Old version of this page