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 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" CHANGING BODY PROPERTIES 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" BACKGROUND IMAGE REPEATING 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" VERTICAL/HORIZONTAL BACKGROUND IMAGE POSITIONING 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. body {background: url('BACKGROUND-IMAGE-LINK-HERE') SCROLLING REPEATING VERTICAL HORIZONTAL BACKGROUND-COLOR-HERE;}
©TM & © Neopets Inc. Used With Permission | ©'02-05 Soup-Faerie.com