Link effects

Make your links better

You can use these codes to make cool effects on your links, make them unique, different and makes your site look better.

NO UNDERLINE
<style TYPE="text/css">  </style>

LINK IN A BOX
<style TYPE="text/css"></style>

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

BLUREY LINK 2
<style TYPE="text/css"></style>

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>

LINE THROUGH
<style text="text/css">  </style>

SHADOW LINK
<HEAD> <style TYPE="text/css"> </style> </HEAD>

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

DOTTED LINKS
<style TYPE="text/css"></style>

LINKS GO BOLD
<style> a:hover{font-weight:bold; } </style>

SEETHROUGH LINKS
<style TYPE="text/css">></style>

GRADIENT BACKGROUNDED LINKS
<style type="text/css"></style>

LINES ON EITHER SIDE
<style type="text/css"></style>

SMALL FONT LINKS
<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>

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

NO UNDERLINE
<style TYPE="text/css">  </style>

OPENS IN NEW WINDOW
<A TARGET="_blank" HREF="URL">TEKST HER</A>

LINK GOES BACKWARDS
<style type='text/css'></style>

GLOWING LINK
<style type="text/css"></style>

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>

SPACED APART
 <style type="text/css"></style> 

UPSIDE DOWN LINK
<style type="text/css"></style>

TURNS TO CAPITALS
<style type="text/css"> </style>

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

LINK GOES LOWER CASE
<style type="text/css"></style>

BACKGROUND PICTURE
<style type="text/css"></style>

TWO COLOURED FRAME
<style type="text/css"></style>

CLOSE TOGETHER LINKS
<style type="text/css"></style>
Back | Forward