| Userlookups must be edited entirely in CSS but HTML can be used everywhere else on the site, you can mix both though, put your CSS coding above of HTML coding since HTML usually deals with little things like fonts and line breaks and CSS deals with effects for the whole page. CSS stands for Cascading Style Sheets, it's a form of computer language that's used in web design and neopets supports it. Open every code with the phrase <style type="text/css"> and of course, close every phrase with </style> Adding a background: The word fixed locks the background, if you remove fixed (don't forget to delete the space too), the background will change as the visitor scrolls down or up. <style type="text/css"> body{ background:url(http://backgroundaddress) fixed} </style> Scrollbar Changes: You have to experiment with the colors if you want them to match your layout theme. You can change the face, shadow, highlight, 3dlight, darkshadow, track, and arrow colors. Try this HTML color chart for all the six-digit HEX codes. <style type="text/css"> body{ scrollbar-face-color:#000000; scrollbar-shadow-color:#FFFFFF; scrollbar-highlight-color:#000000; scrollbar-3dlight-color:#000000; scrollbar-darkshadow-color:#FFFFFF; scrollbar-track-color:#000000; scrollbar-arrow-color:#FFFFFF;} </style> Change the font: This changes the font for the entire page, use dark fonts with dark backgrounds. You can change the color, the font size, and the font face. <style type="text/css"> td,p{ color:steelblue;font:9pt arial} </style> Glowing Text: Ok, I really hate this because it slows down the loading time for people with modems like me and it jerks when you scroll...I'll give you the code though. :-) <style type="text/css"> td,p{ filter:glow(color=lightblue, strength=2)} </style> You can combine the above codes because they deal with the same section in the body (td,p) so when you put them together, they look like this: <style type="text/css"> td,p{ color:steelblue;font:9pt arial filter:glow(color=lightblue, strength=2)} </style> Center your text: This can be done in HTML too of course, but here's the CSS code. <style type="text/css"> p table{ text-align:center} </style> Making your images transparent: This will take away the white background behind your images, that gets annoying when you use dark colored backgrounds. <body link=#FFFFFF> <style type="text/css"> p img{ filter:chroma(color=white)} </style> Adding a border to the browser window: This looks especially nice on the guild layouts. You can change solid to dashed if you want, and you can change the pixel size from 1-10. The color can also be changed and you may use HEX Color Codes as well, but don't forget the # sign if you use a HEX. <style type="text/css"> body {border:4px solid darkblue} </style> |
 |
|
|
|
|
|
|
|
|
|
 |
|
|
|
| Neopets no longer allows CSS tags in your shops! However, they'll still work in guilds and on userlookup so this'll still help you! :-) |
| If what you're looking for is not here, try csshelp's petpage! |