link effects

html

LINK OPENS NEW WINDOW
<A TARGET="_blank" HREF="URL">TEXT HErE</A>

REMOVE UNDERLINE IN LINKS
<style TYPE="text/css"> <!-- A:link{ text-decoration: none; color:"#000000" } A:visited{ text-decoration: none; color="#000000" } A:hover{ text-decoration: none; color="#000000" } --> </style>

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

LINK GLOWS
<style type="text/css"><!-- a:hover{filter:glow(color:#GLOW COLOR HERE, strength=3);height:0px;width:inherit} //--></style>

LINK BLURS
<style type="text/css"> /* Blurred links from xanga.com/html_scripts */ a:hover {filter:blur(add="0",direction="80",strength="5"); height:0;}; </style>

 LINK STARS
<style type="text/css"> a.navbar:hover{color:silver; font-weight:bold;background-image:url(http://www.nackvision.com/myspace/links/twinklingstars2.gif);} a:hover, a.redlink:hover, a.navbar:hover {background-image:url(http://www.nackvision.com/myspace/links/twinklingstars2.gif); text-decoration:none; border:0px solid;} a:hover img {background-image:url(http://www.nackvision.com/myspace/links/twinklingstars2.gif); filter:alpha(finishopacity=0, style=2); } </style>

 SPACE LETTERS IN LINK
<!-- begin code provided by createblog.com --> <style type="text/css"><!-- a:hover{letter-spacing:4px} //--></style> <!-- end code provided by createblog.com -->

 LINE THROUGH LINK
<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:#339999; font-weigt: bold; cursor:e-resize ;TEXT-DECORATION:line-through; height:0;}--> </style>

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

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

DOTTED LINE AROUND LINK
<style TYPE="text/css"><!-- A:link {text-decoration: none; color:FFCC33;} A:visited {text-decoration: none; color: FFCC33;} A:active {text-decoration: none; color:FFCC33;} A:hover {color:#FFCC33;text-decoration:dotted;border-top:1px dotted;border-bottom:1px dotted;border-left:1px dotted;border-right:1px dotted;}--></style>

LINK GOES BOLD
<style> a:hover{font-weight:bold; } </style>

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

ALL LINKS TURN SMALL FONTS
<style>a:link, .footernav.link, a.footernav:link, a.footernav:active { font:normal 7px small fonts; background-color:none; color:#000000; line-height:16px; letter-spacing:0px; text-transform:none; text-decoration:none; border-top:0px solid;border-bottom:0px solid;border-left:0px solid;border-right:0px solid;} a:visited, a.footernav:visited, { font:normal 7px small fonts; background-color:none; color:#000000; line-height:16px; letter-spacing: 0px; text-transform:none; text-decoration:none; border-top:0px solid;border-bottom:0px solid;border-left:0px solid;border-right:0px solid;} a:hover { background-color:none; text-transform:none;} </style>

CHANGE COLOUR LINK
<style type="text/css"> a:link {color: #000000;} a:visited {color: #000000;} a:hover {color: #000000;} a:active {color: #000000;} </style>