| PhotoShop Tutorials | | PHP Tutorials | | CSS Tutorials | | PhotoShop Brushes Downloads | | Fonts Downloads | | Pimp MySpace |




CSS Links Tutorial


| CSS fonts |CSS Scrollbar |


This tutorial will teach you how to use various hover over effects on links, using a css stylesheet.


1. Open up notepad and paste the following code into it:
now save this as style.css (make sure you have the "save as type" set to all files).
 
2. Now you change the colours to what you want, to make a link change colour when you hover over it you would change this part:
A:hover
{
CURSOR: hand;
COLOR: #000000;
FONT-STYLE: normal;
TEXT-DECORATION: none
and change the #000000 to what ever colour you want.
 
3. To make a link go underlined when you hover over it you would change this part:
A:hover
{
CURSOR: hand;
COLOR: #000000;
FONT-STYLE: normal;
TEXT-DECORATION: none
and change the TEXT-DECORATION to underline
 
4. And to use the style sheet on your website (the file you saved as style.css), you need to put this code into any page that you want to use the stylesheet in. And change the href to wherever your style sheet is stored.

 






| SiteMap | | Proxy SiteMap | | Free Mortgage Calculators | Myspace Falling Object | | Myspace Survey | | Myspace Slideshows | |Toms MySpace Editor |
CopyRight 2005 Radialdesigns.co.uk