Css
Most CSS has to be placed between the STYLE tags... So, if you want to follow
along with the guide, copy this text into a webpage you are working on.
You will be placing the actual CSS codes where it says "CSS CODES HERE"
Now, most people want to work with how their text looks, so this CSS guide will start off with font changing tips. If you are following along on a test webpage, you can copy the text in the boxes below examples. Remember, anything you copy from the boxes needs to go between the style tags that you have already copied.
First, you need to know how to change the text font on your page. Just put the following to change the font.
FONT STYLE EXAMPLES:
|
Arial
Comic Sans MS Courier Courier New |
Kristen ITC
Lucida Handwriting Small Fonts |
Times New Roman
Verdana Wingdings (Wingdings) |
FONT SIZE EXAMPLES:
|
7pt
8pt 9pt 10pt |
11pt
12pt 13pt 14pt |
15pt
16pt 17pt |
18pt
19pt 20pt |
FONT COLOR EXAMPLES:
|
#000000
#666666 #999999 #CCCCCC #FFFFFF |
#FF0000
#CC0000 #993333 #CC6600 #FF9900 |
#FFCC33
#FFFF00 #CCFF99 #99FF00 #99FFCC |
#33FFFF
#99CCCC #00CCFF #3399CC #0066FF |
#0066CC
#333366 #660066 #9900CC #CC00FF |
#CC99FF
#FF00FF #FF0099 #FF99CC #FF0066 |
| Click Here for More Colors | |||||
TEXT DECORATIONEXAMPLES: (notice how you can combine)
| none | underline |
| overline | line-through |
| underline overline | underline overline line-through |
| blink (netscape only) |
CODE TO CHANGE GENERAL FONTS: This will change all of the GENERAL fonts that do not have a font already pre-assigned. Only change the ALL CAPS text.
CODE TO CHANGE LINK FONTS: This will change all of the LINK fonts that do not have a font already pre-assigned. Only change the ALL CAPS text.
CODE TO CHANGE HOVER LINK FONTS: This will change all of the HOVER LINK fonts that do not have a font already pre-assigned. Only change the ALL CAPS text.
You will be placing the actual CSS codes where it says "CSS CODES HERE"
BACKGROUND COLOR EXAMPLES:
|
#000000
#666666 #999999 #CCCCCC #FFFFFF |
#FF0000
#CC0000 #993333 #CC6600 #FF9900 |
#FFCC33
#FFFF00 #CCFF99 #99FF00 #99FFCC |
#33FFFF
#99CCCC #00CCFF #3399CC #0066FF |
#0066CC
#333366 #660066 #9900CC #CC00FF |
#CC99FF
#FF00FF #FF0099 #FF99CC #FF0066 |
| Click Here for More Colors | |||||
BACKGROUND IMAGE SCROLLING
- If you want the background image to stay in one place, put FIXED where the code says "scrolling"
- If you want the background image to scroll, remove the text that says "scrolling"
- If you want the background image to only display once, put "NO-REPEAT" where the code says "repeating"
- If you want the background image to repeat, remove the text that says "repeating"
- To adjust where the background image is positioned from top to bottom, change the
text "vertical" to one of the following:
- TOP | CENTER | BOTTOM
- To adjust where the background image is positioned from left to right, change the
text "horizontal" to one of the following:
- LEFT | CENTER | RIGHT
CODE TO CHANGE BODY BACKGROUND PROPERITES: This will change all of the GENERAL properties that do not have a property already pre-assigned. Only change the ALL CAPS text.
Copyrights and Credits
� Neopets ||� Neoarizona
