Link Effects

Italic
<!-DHTML scripts by Dynamic Drive (http://www.dynamicdrive.com)--> <style> a:hover{font-style:italic; } </style>

Dotted underline & over line
<style type="text/css"> a:hover{border-top:1px dotted; border-bottom:1px dotted} </style>

Dotted Box
<style type="text/css"> a:hover{border-top:1px dotted; border-bottom:1px dotted} </style> <style type="text/css"> a:hover{border:1px dotted} </style> <style text="text/css"> <!--A:link{color:#FF00FF;TEXT-DECORATION:none;} A:visited{color:#FF00FF;TEXT-DECORATION:none;} A:active{color:#FF00FF;TEXT-DECORATION:none;} A:hover{color:#00BFFF; font-weigt: bold; cursor:sw-resize ;TEXT-DECORATION: ; height:0;}--> </style>

Glowing
<style TYPE="text/css"> /*XOX-PAKI-PRINCESS-XOX*/ <!-- A:link {text-decoration: none; color:#75CCC9;font-family:Arial;} A:visited {text-decoration: none; color: #000000;} A:active {text-decoration: none; color: #000000;} A:hover {color:#000000;text-decoration:none;letter-spacing:1px;height:0;filter:glow(color=green)--></style>

Line Through
<style text="text/css"> /*XOX-PAKI-PRINCESS-XOX*/ <!--A:link{color:#CCCCCC;TEXT-DECORATION:none;} A:visited{color:#CCCCCC;TEXT-DECORATION:none;} A:active{color:#99FFFF;TEXT-DECORATION:none;} A:hover{color:#99FFFF; font-weigt: bold; cursor:e-resize ;TEXT-DECORATION:line-through ; height:0;}--> </style>

Spaced Out
<style type="text/css">a:hover {letter-spacing:2px}</style>

Upside Down
<style TYPE="text/css"><!-- A:link {text-decoration: none; color:9797B0;} A:visited {text-decoration: none; color: 9797B0;} A:active {text-decoration: none; color:9797B0;} A:hover {color:#9797B0;text-decoration:none;filter:glow(color=put color in hex or text); letter-spacing:1px;height:0;border-width:1;border-width:1px;filter:flipv;}--></style>

Gets Rid of Blue Underline
<style text="text/css"> <!--A:link{color:#FFFFFF;TEXT-DECORATION:none;} A:visited{color:#FFFFFF;TEXT-DECORATION:none;} A:active{color:#FFFFFF;TEXT-DECORATION:none;} A:hover{color:#000000; font-weigt: bold; cursor:e-resize; TEXT-DECORATION:none; height:0;}--> </style>

Blur
<style TYPE="text/css"><!-- A:link {text-decoration: none; color:#A5E6EA;font-family:Arial;} A:visited {text-decoration: none;color: #A5E6EA;} A:active {text-decoration: none; color: #A5E6EA;} A:hover {color:#A5E6EA;text-decoration:none;letter-spacing:1px;height:0;filter:blur(add=1,phase=1,freq=2,strength=10,color=#A5E6EA}--></style>

Capitals
<style type="text/css"><!-- a:hover {text-transform:uppercase;}//--> </style>

Lowercase
<style type="text/css"><!-- a:hover {text-transform:lowercase;} --></style>

Faded
<style> a:hover, a:link, a:visited {filter:blur; .alpha {width: inherit; height: 1; filter: alpha (Opacity=100, FinishOpacity=20, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0);} </style>

Lines on the side
<style type="text/css"><!--a:link color: #9797B0;text-decoration:none;}a:visited{color: #9797B0;text-decoration:none;}a:active{color: #9797B0;text-decoration:none;}a:hover{color: #9797B0;text-decoration:none;border-left:solid 1px;border-right:solid 1px;} --></style>

Changes Font
<style TYPE="text/css"><!-- BODY,P, td {font-family: Arial; font-size: 8pt;line-height: 9px;line-width: 9px;color: orange} A:link {text-decoration: none; color:orange;font-family:Arial;} A:visited {text-decoration: none; color: orange;font-family:Arial;} A:active {text-decoration: none; color:orange;font-family:Arial;text-transform:lowercase} A:hover {color:orange;font-family: Arial;text-decoration:none;letter-spacing:1px;height:0;--></style>

Increase in Size
<!-DHTML scripts by Dynamic Drive (http://www.dynamicdrive.com)--> <style> a:hover{font-size:150%; } </style>

Background colour
<style type="text/css"><!-- a:hover {background:#FF0000; color:#FFFFFF; text-decoration: none;} //--></style>

Picture background
<style type="text/css"><!-- a:hover {background:url(picture url); text-decoration: none;} //--></style>

Solid Box
<style TYPE="text/css"><!-- A:link {text-decoration: none; color:9797B0;} A:visited {text-decoration: none; color: 9797B0;} A:active {text-decoration: none; color:9797B0;} A:hover {color:#9797B0;text-decoration:none;border-top:1px solid;border-bottom:1px solid;border-left:1px solid;border-right:1px solid;}--></style> </TEXTAAREA><b><br><Br>colour changes<br></b><TEXTAAREA rows="1" cols="20"><style type="text/css"> a:link {color: #colorhere;} a:visited {color: #colorhere;} a:hover {color: #colorhere;} a:active {color: #colorhere;} </style>

Backwards
<style type='text/css'><!--a:hover{filter:fliph(color:#000000,strength=3);height:0px;width:inherit] //--></style>

Back // Forward
Copyright (C) kute-kandy.com. All rights reserved.