Owner Site Visitor Refresh
Lucie
u u u u u u u u u u u u

Link effects

Tired of the old, normal links? Wanna have a change? Here are lots of cool link effects. Link opens in a pop up:
<A TARGET="_blank" HREF="URL">TEKST HER</A>

Blinking 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>

Box when hovered:
<style TYPE="text/css"></style>

Remove underline:
<style TYPE="text/css">  </style>

Space between letters:
 <style type="text/css"></style> 

Background with colour:
<style type="text/css"></style>

Backwards link
<style type='text/css'></style>

Blurred 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>

Blurred link 2:
<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>

Blurred link 3:
<style TYPE="text/css"></style>

Link glowing
<style type="text/css"></style>

Bold links:
<style> a:hover{font-weight:bold; } </style>

Picture as the background:
<style type="text/css"></style>

Opacity:
<style TYPE="text/css">></style>

Up side down links:
<style type="text/css"></style>

Links with shadow:
<style type="text/css"></style>

Links with shadow 2:
<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>

Links goes lowercase:
<style type="text/css"></style>

Line through:
<style text="text/css">  </style>

Capital letters:
<style type="text/css"> </style>

Gradient background:
<style type="text/css"></style>

Small fonts with frame:
<style>a:link, .footernav.link, a.footernav:link, a.footernav:active { font:normal 7px small fonts; background-color:#D1E6F9; color:#000000; line-height:16px; letter-spacing:0px; text-transform:none; text-decoration:none; border-top:1px solid;border-bottom:1px solid;border-left:1px solid;border-right:1px solid;} a:visited, a.footernav:visited, { font:normal 7px small fonts; background-color:#D1E6F9; color:#000000; line-height:16px; letter-spacing: 0px; text-transform:none; text-decoration:none; border-top:1px solid;border-bottom:1px solid;border-left:1px solid;border-right:1px solid;} a:hover { background-color:#7D7C78; text-transform:none;} </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>

Frame with two colours:
<style type="text/css"></style>

Close togheter:
<style type="text/css"></style>

Lines on the side:
<style type="text/css"></style>

back | forward
Everything here is © copyrighted to Reina.Twisted-Freak.Com