| In Part 1 of this series, we discussed the different | | | | |
| ways | | | | You'll also find an online tool you can use to |
| of implementing style sheets into your site and the | | | | generate the code at: |
| basic | | | | Margins are easy to control with CSS and can be |
| layout of tags. Now, let's move on to some of the | | | | set in mm,cm,in,points (pt) or pixels (px).Example: To |
| fun | | | | set a left margin |
| ways you can dress up your site with some | | | | margin-left: 2.0 in;To set all 4 margins at once use |
| standard CSS | | | | Body {margin: 2 in }To set individual margins at once |
| tags.Have you ever been to a website and saw | | | | use |
| text that appeared | | | | Body {margin: 2% 5% 10% 12% }Did you know |
| to have been highlighted with a yellow highlighter | | | | some sites even use CSS to lay out their |
| pen? | | | | tables? This is a pretty advanced topic and not for |
| Many sales-oriented sites use this technique to call | | | | the |
| attention to ad copy they want to stand out.The | | | | faint of heart: to keep a background image from |
| tag looks like this:< span style= | | | | tiling on your pages?Body {background: #333399 url |
| "background-color:yellow" > Text Here < /span | | | | (filename.gif) no-repeat center}Think indenting |
| >Pretty simple, really. How about sites that remove | | | | paragraphs online is impossible?P { text-indent: .50in |
| the | | | | }Tables don't have to be boring. You can give em |
| underlining from hyperlinks? Think it can't be done? | | | | fancy borders by |
| Think again. Here's how to do it:< style type="text | | | | inserting this instruction into your table tag:Style= |
| css" > | | | | "border: 4px solid red"You can change the above |
| < !-- | | | | color and px size to whatever |
| A:link {text-decoration:none} | | | | you'd like.Ever notice how almost all submit buttons |
| A:visited {text-decoration:none} | | | | are all dull |
| --> | | | | gray? Yours doesn't have to be. Use the following |
| < /style >or like this -A:link, A:visited, A:active { | | | | tag between the tags.< form > |
| text-decoration: none }How about setting your link | | | | < input type= "submit" value="submit" |
| colors? And how about | | | | style="background-color: |
| making the links change colors when you hover over | | | | #333399 > |
| them? | | | | < /form >For more information on dressing up your |
| This is easy, too, but be aware it only works in | | | | forms with CSS see |
| Internet | | | | these tutorials: are just a few of the page elements |
| Explorer 5.0 or higher.< style type="text/css" > | | | | you can control |
| | | | with CSS. For more tricks and tips, visit some of |
| < /style >Many sites you go to these days have | | | | these |
| fancy colored scroll | | | | sites: |
| bars instead of boring gray ones. This code only | | | | |
| works | | | | |
| in Internet Explorer 5.5 or higher; Netscape users will | | | | CSS to dress up your site is really pretty simple. |
| still | | | | Just a few tags can have you looking like an instant |
| see the standard gray.< STYLE TYPE="text/css" > | | | | Webmaster Genius. Try some today and your |
| < !-- | | | | friends will |
| body {scrollbar-3dlight-color:#ff9909; | | | | be dying to know your secrets. Whether you share |
| scrollbar-arrow-color:#000099; | | | | or not |
| scrollbar-base-color:#ff9909; | | | | is up to you.Merle has been "working" the Net for |
| scrollbar-darkshadow-color:#000099; | | | | over |
| scrollbar-face-color:#ff9909; | | | | 8 years and has a Special Gift just for you. |
| scrollbar-highlight-color:#000099; | | | | Download my FREE E-book "50 Easy Ways to |
| scrollbar-shadow-color:#ff9909} | | | | Promote Your Website". Get your copy now at |
| --> | | | | have permission to publish this article |
| < /STYLE >If you'd like some free software that | | | | electronically or in print, free of charge, |
| will generate the | | | | as long as the bylines are included. |
| colored scroll bar tags easily, go to | | | | |