Links' hover effects
This script will change the colour of your links while the mouse
is on it or if the links are been yet visited.
Put this codes between the <head> </head> tags:
<style type="text/css">
a:link {color: #Color}
a:visited {color: #Color}
a:hover {color: #Color}
a:active {color: #Color}
</style>
Replace #Color with the code of the color that you want
(for example, #FFFFFFFF will be white)
If you want to give an "effect" to the link, these are the codes that
you have to add between the { } tags:
border:1 solid; border-color:#Color; solid border
border:1 dashed; border-color:#Color; dashed border
border-bottom:1 dashed #Color; dashed border on the bottom
border-bottom:1 solid #Color; solid border on the bottom
filter:dropshadow(color=#Color,offX=1,offY=1); height:7pt; shadow
filter:shadow(color=#000000,offX=1,offY=1); height:0; blurred shadow
filter:blur(add="0",direction="180",strength="2");
height:0; blurs links
filter:fliph; height:0; backwards links
filter:flipv; height:0; turns links upside-down
filter:gray(); height:0; makes links gray
filter:invert(); height:0; inverts links to opposite colors
filter:mask; height:0; transparent
filter:wave(strength="1"); height:0 wavy links
height:0;color:#Color;filter:wave(add=0,phase=4,freq=5,strength=2); wavy
links
filter:glow(color=#Color, strength=5); height:0; text glow
text-transform:uppercase; all capitals
text-transform:capitalize; first letter a capital letter
text-transform:lowercase; lowercase
background-color:#Color; changes background color
position:relative;left:1px;top:1px; move links 1px from the left and top