Soup-Faerie.Com Main Navigation    website home    neopets home    about    link to s-f.com    livejournal    submit to s-f.com    terms Webmaster    neo lookup    neo mail    neo shop    neo wishlist General Web (to be moved to NBN)    NuthinButNet    html/css help    backgrounds    blogs    cursors Customize Neo    user lookups    neopet lookups    lookup templates    neo-status    neoHTML Neopet Tips    articles     - 10k daily     - nps w/o games     - petpetpets     - newbie vs n00b    daily duties    avatars    advent calendar    cliffhanger clues    defenders of neopia    faerie crossword    negg effects Neopet Games (pick a letter) a b c d e f g h i j k l m n o p q r s t u v w x y z Fun Stuff    bunnymaker    blog tutorial    dollmaker    articles     - learning HTML     - webmaster	Basic CSS Guide   CSS is a great thing to help modify websites to create fun, constant styles to tantalize your views. It can also be used for many other things that limit the type of HTML you can do... Like in Neopet Lookups. :D This CSS guide will provide the basics of what you need for both websites and lookups. Select a CSS Guide Page: 1 | 2 <% if page = "1" then %> 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. <style TYPE="text/css"> CSS CODES HERE </style> 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. CHANGING FONTS 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. * {font-family: FONT-NAME-HERE; font-size: FONT-SIZE-HERE; color: FONT-COLOR-HERE; text-decoration:TEXT-DECORATION-HERE;} 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. a {font-family: FONT-NAME-HERE; font-size: FONT-SIZE-HERE; color: FONT-COLOR-HERE; text-decoration:TEXT-DECORATION-HERE;} 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. a:hover {font-family: FONT-NAME-HERE; font-size: FONT-SIZE-HERE; color: FONT-COLOR-HERE; text-decoration:TEXT-DECORATION-HERE;}
©TM & © Neopets Inc. Used With Permission | ©'02-05 Soup-Faerie.com