Make your own free website on Tripod.com

FUN WITH CSS

You can apply some neat effects on your webpages using CSS, which are fun and simple to use,
just copy and paste the code where mentioned.

Link Effects

Links with no Underline

Remove the underline from all your links.
Paste the code in the <HEAD> of your document.

  Example:

  This is a link which is not underlined.

  <style type="text/css">
  <!--
  A:link {text-decoration: none}
  A:visited {text-decoration: none}
  -->
  </style> 

Links whith a line above and below

This trick works well as a hover attribute for your links, but can also be applied to all of your links. Move the mouse over the link to see the effect.
Paste the code in the <HEAD> of your document.

Rollover Color Text Links

Make the links change color when the mouse passes over it.
Paste the code in the <HEAD> of your document.

Highlighted text link

This trick will highlight your text links, when the mouse passes over it.
Paste the code in the <HEAD> of your document.

go to the top of this page    Text Effects

Highlighted Text

Highlight and make your important text stand out.

 Example:

 This text is highlighted.
 This <span style="background-color:gray">text</span> is highlighted.


go to the top of this page    Background Effects

Background Image that is not tiled

This trick will create a background image which doesn't repeat's itself.
Paste the code in the <HEAD> of your document.

NOTE The image will be centered as the background of the entire document, not centered on the screenful.

go to the top of this page    Scrollbar

Custom colored Scrollbar

Bored with the gray colored scrollbar in Internet Explorer? Then this trick is the end of your boredom, it allows you to change the color of the scrollbar !!!
Paste the code in the <HEAD> of your document.

NOTE This trick works only in IE 4.x and above browsers.