... welcome ...
Hi, most of my codes here are actually using CSS but if you want the code in HTML format, Neomail me and i'll send it to you ASAP. However any HTML needs or worries you may have should be answer by the Neopets HTML guide As this page is big either use the quick links to the left or press ctrl+F and type in your specific need (e.g. "music" with out the "" will tell you how to put music into your shop/petpage). Enjoy.
Backgrounds
- How do I add a background?
For your own background change this url http://images.neopets.com/backgrounds/tile2.gif to the url of your pic
- Where can I get a background from? Check out google.com find a pic you like and upload it to your own image host (Angelfire is good because unlike Geocities it allows you to use those pictures on a foreign site like Neopets)
- How do I make that background fixed?
- How can I get a solid colour for a background? See left column for a list of colours
- How can I stop my background from repeating? And, be centered?
- How can I stretch my background?
As far as I know you can't unfortunately
Color back to top
- Where can I find all of the colors that I can use without using a HEX code? And how to use them? (easy use of colors)
I have made a useful chart with all the colors and their names for you. Go to my color table to find out what color you need
- Where can I find color HEX codes? And how do I use them? (harder use of colors)
I have made a useful HEX color chart with all the colors and their codes for you. Go to my HEX color table to find out what color you need
- I need a color but your chart doesn't have it on, is there anyother way of finding out what the code for my color is?
Yes there is. Just for you I have made a special toy whith which you should be able to find any color that you want. Go to my Color Wheel to be amazed
Links back to top
- How can I change the colour and font of my links?
- How can I change the colour and font of my links in my guild?
- How can I change the background colour when I mouse over my links?
- How can I make the text CAPITALS when I mouse over my links?
- How can I get a (rainbow) background when I mouse over my links? The font colour is set to black but you can change that to whichever colour. The background colour is set to gold while the rainbow background loads.
- How can I get a border around my links when I mouse over them? 4px:- is the size, can be any number .... dotted:- can be solid,dashed,ridge ... red:- is the colour...
- How can I get both a border and a rainbow background around my links when I mouse over them?
- How can I get a rainbow background over the left side table when I mouse over them? You need to have faded images first - see fade section
- How can I get a rainbow background and border over the left side table when I mouse over them? You need to have faded images first - see fade section, also experiment with the border as not all bits may show
- How can I get a rainbow background and border over ALL my links, including the left side table when I mouse over them? You need to have faded images first - see fade section, also experiment with the border as not all bits may show
Text Areas back to top
- How can I get a border around the text area .... and input (buttons)? 4px:- is the size, can be any number .... dotted:- can be solid,dashed,ridge ... red:- is the colour...
- How can I get a different background in my text area .... and input (buttons)? Defaults to a purple background until the rainbow.gif is loaded as the background
- How can I make my TEXTAREA transparent? Defaults to a purple background until the rainbow .gif is loaded as the background. Opacity=50:- can be any number between 0 and 100.
- How do I change the colour and size of my text in TEXTAREA? 9pt can be any size text like 10pt,12pt ...
Scroll Bars back to top
- How can I have coloured scroll bars? Only works with Internet Explorer web browser at least IE5.5. I don't think this code works with Netscape.
General Font Change back to top
- How can I change my font colour of my shop items? Neopets has disabled CSS in shops so you can only change the font colour
- How can I change my font and font size in my pet page, userlookup or any other web page?? Change verdana to whichever font you want, arial, courier, time; 9pt can be any size text like 10pt,12pt ...
- How can I change the font of the gender word "Female" or "Male".Change verdana to whichever font you want, arial, courier, time; 9pt can be any size text like 10pt,12pt ...
- How can I change my name or any word/sentence to a different colour? For your name add the following code to your full name in your user info, for a different word add it to the "about me" box. Change C000CC to the hex colour you want or named color eg lime and change "Your Name" to your name or any other word
- How can I make my font glow?
- How can I make my text centered?
Image change and filters back to top
- How do you invert your user lookup? Changes it to blue, try other filters by replacing invert with gray or xray
- How can I get rid of the white stuff around my shield and trophies on my user lookup or get rid of the white stuff around my pet and petpet on my pet lookup?
- How can I get rid of the white stuff around my shop items?Neopets has disabled CSS in shops, so you can't now.
- How can I get rid of the box/border around my shop items? You can change #FFFFFF to any other colour
- How can I get rid of the white stuff in all my images on the page?
- Hey, how did you change the colour of your left hand side bar? The side bar will be transparent, so you'll see your background behind it.
- Here's a slightly different take on the transparent left side barIt's rather blue but the side bar will be transparent, so you'll see your background behind it. You can change invert to gray or xray. Try changing black to white also for different effects.
- Hey I've added the code above to make my left side bar transparent but I don't want that effect on my shield/trophies/pet or petpet etc what can I do? Just add this "get rid of white stuff" code underneath. If you want to access the neopets top banner change ... p img{ ... to ... p img,a img{ ... If you don't want to get rid of the white stuff then change ... filter:chroma(color=white)} ... to ... filter:none} ... Neopets has disabled CSS in shops.
Fade back to top
- How can I make my pics faded? Opacity=60 - can be a number between 0 and 100 ; Style=1 for a right hand side fade; Style=2 for circular fade; Style=3 - for rectangular fade; remove xray if you want to keep the yellow colour
- How can I make my table background transparent?
- How can I make my GUILD faded? Opacity=90 - can be a number between 0 and 100
- How can I make my pics look transparent? To preserve the original colours remove xray
Cursor change back to top
- How can I get a crosshair cursor? change crosshair to hand,e-resize,n-resize,sw-resize etc. For mouse over change body to a:hover
- Where can I get more cursors? Go to Soupfaerie.com to get 100s of cool cursors
Adding Pics back to top
- How can I get a picture into my user lookup, like where the words are? (this has to be one of my favourite codes)Change the height and width values to the height and width of your pic. Put the code about where you'd like the pic to appear. For more than one pic, change all mypic to mypic2.
- How can I get a picture into my user lookup, like where the words are, but so it will take up the whole line and be centered? Change the height and width values to the height and width of the line, you may need too experiment. Change the url to the pic of your choice. Put the code about where you'd like the pic to appear. For more than one pic, change mypicline to mypicline2.
- How can I get a picture into my user lookup, and put it anywhere in my lookup? Change the height and width values to the height and width of your pic. For more than one pic, change all anypic1 to anypic2. To position it, change the left and top values, left=0 and top=0 would be the top lefthand corner.
- How can I get my own top banner? Change the height and width values to the height and width of your pic. To position it, change the left and top values, left=0 and top=0 would be the top lefthand corner. Want FREE top banners with code? _flaming_punch_'s free banners can help :)
- How can I get my own shield/badge/3 year thing in your lookup? The pic you use must be at least these dimensions, width=100 and height=221. This is because the shield changes positions slightly between viewing using random friend or the search bar. Make sure the height and width values are the height and width of your pic. To position it, change the left and top values, where left=0 and top=0 would be the top lefthand corner. Change https://www.angelfire.com/hero/spotty_bum_tia/meriwar6.gif to the url of your pic. Check out Bobbyroo's site for some great shields :) and also rvdv's shields
- How can I have a picture like a BLINKIE for my name on my user lookup? First change your full name to at your user info. Then add the following code to your chat profile. Change the height and width values to the height and width of your pic. You can leave in your name if you just want to add a pic. Change the "add your url here" to the url of your pic. Do you want a blinkie? For better help and for some blinkies go to sunshinejenny's
- How can I change my name to a different colour? Add the following code to your full name in your user info. Change "C000CC" to the hex colour you want and change "Your Name" to your name :P
- What's a dynamic blinkie? I can type whatever I want in this blinkie??
This is a special blinkie where you can write in your own name! But you do need to follow these instructions! Want to see a working example? Click here
To put this blinkie as your name in your user lookup first change your full name to exactly (and only) at your user info. Add the following CSS code into the about me box.
You can change the words but you MUST use exactly 12 characters (because there are 12 blinkie blocks). The font MUST stay the same. You can change the text color, white, to any other color. To put this blinkie anywhere else (guild/shop) put this bit and the above CSS code wherever you want the blinkie to appear :) For great help with dynamic blinkies and loads of them go to blinkixi's homepage
- How can I position a pic in my pet lookup? You can use an external style sheet. Change this URL http://images.neopets.com/pets/hit/kougra_baby_right.gif to the URL of your pic. Works best if pics dimensions are 150x150. More info on external style sheets in trouble shooting section.
Table, table back to top
- How can I get a cool table? Like the one on this page?? Wouldn't you like to know, Muahaahaahaa. Well if you ask nicely I might tell you...
Also if you don't like asking politely you could check out the HTML table help at draac.com.
- How can I get my words in my user lookup to display, like, in a table? filter:alpha(opacity=60) makes it transparent. Make sure you scroll all the way to the bottom for all the instructions :P
- How can I get the rest of my lookup words in a similar table? filter:alpha(opacity=60) makes it transparent
- How can I get my own background in the left side bar? Use this code if you want tables around your lookup stats/trophies etc.
- How can I get my own background in the left side bar? Use this code if you don't want tables around your lookup stats/trophies etc.
- How can I get my shop items in an awesome table like yours????? Add this to the very end of your shop description
|