How do you make links in your Xanga do effects (like blur or glow) when you pass your cursor over it..... PLEASE HELPPPPPP!!!!!!!!!!!!!!!!! AH!!!!!!

These are hovers for links.

3-D Box:

CODE
<STYLE type="text/css">
A { text-decoration: none;
cursor: default;}
A:HOVER {
text-decoration: none;
background-color: #HEX COLOR;
cursor: default;
border-top: 1px none;
border-bottom: 1px solid #HEX COLOR;
border-left: 1px none;
border-COLOR HERE:1px solid hotpink;}
</STYLE>




Blur:

CODE
<style type="text/css">
a:hover {filter:blur(add="0",direction="80",strength="5");
height:0;}
</style>




Blue Sparks:

CODE
<style type="text/css">
a:hover { background:url(http://members.asianavenue.com/AA_cute_pic_4_u/bluespark.gif); text-decoration: none;}
</style>




Bordered Link: (change line type if you like -- i.e. double, dotted, dashed, etc.)
CODE
<style>
a:hover
{border: 1px solid #000000;}
</style>




Bubbles:

CODE
<style type="text/css">
a:hover {
background:url(http://atlas.walagata.com/w/justdream/BubbleHover.gif); text-decoration: none;}
</style>



Cursor Change:
You can replace your default cursor with these:

crosshair
hand
help
move
text
wait
n-resize
ne-resize
nw-resize
s-resize
se-resize
sw-resize
e-resize
w-resize


CODE
<style type=text/css>
body {
cursor: default;}
</style>




Flips Link Upside Down:

CODE
<style type="text/css">
A:hover {filter: flipv;}
</style>





Glow:

CODE
<style type="text/css">
a:hover {
filter: glow(color: #FFFFFF, strenth=3);
height: 0px;
width: inherit;}
</style>




Overline/Underline:

CODE
<style>
a:link {
text-decoration: line-through overline underline;}

a:hover {
text-decoration: overline underline;}

a:visited {
text-decoration: line-through;}
</style>



Pink Equalizer:

CODE
<style type="text/css">
a:hover {
background:url(http://img.photobucket.com/albums/v331/x1Simply_Me1x/pinkblinky.gif); text-decoration: none;}
</style>



Pink Hearts:
CODE
<style type="text/css">
a:hover {
background:url(http://img101.exs.cx/img101/564/hearts5.gif); text-decoration: none;}
</style>



Purple Hearts:
CODE
<style type="text/css">
a:hover {
background:url(http://members.asianavenue.com/risa-cute-image/purple_heart.gif); text-decoration: none;}
</style>



Spaces Out Text:
CODE
<style type="text/css">
a:hover {
letter-spacing:5px;}
</style>



Sparkly Stars:

CODE
<style type="text/css">
a:hover {
background:url(http://members.asianavenue.com/risa-cute-image/starglow.gif); text-decoration: none;}
</style>



Sparkly Stars - Blue:

CODE
<style type="text/css">
a:hover {
background:url(http://img.photobucket.com/albums/v377/glittersigns/stars.gif); text-decoration: none;}
</style>

or you can use this....to make your own...


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

Only a few like bubbles, glow, and blur worked. The rest didn't, so.... Oh well it's ok. Heh heh:froggie:

I kno....messed up...i didnt make it..i found them!

Wow... um... this will probably sound really retarded but...
Where do you pase those scripst?

Thanks!

You can paste the CSS codes in the Header.