View Full Version : Gradient Wipe Links


zangerbanger
01-29-2003, 02:24 AM
Can someone please tell me the code for gradient wipe links? I've already downloaded the .htc file and I just need the code. Thanks in advance!

starlet
01-29-2003, 06:04 AM
inbetween the <head></head> tags

<style><!-- a{behavior:url(link.htc); color:red; filter: progid:dximagetransform.microsoft.gradientwipe (duration=1.0); height:0px; text-decoration:none} --></style>

zangerbanger
01-31-2003, 02:33 AM
Um... it's not working.

lefty
01-31-2003, 04:27 AM
mind posting a link to the page and/or your entire code?

zangerbanger
01-31-2003, 11:54 PM
Here's the code that I'm using:

<style type="text/css">
<!--
A{cursor:crosshair;height:1px;behavior:url(http://jordan.eternal-dreamer.net/link2.htc);filter:progid:dximagetransform.microsof t.gradientwipe(duration=1); text-decoration: none; color: blue;}
A:link{color:#3333CC;text-decoration:none}
A:visited{color:#3333CC;text-decoration:none}
A:active{color:#3333CC;text-decoration:none}
-->
</style>

and it doesn't seem to work. Oh yeah, here's the to the page where it's going link (http://jordan.eternal-dreamer.net/shattered-crystals)

starlet
02-01-2003, 01:06 AM
You need to add a hover part too....

<style type="text/css">
<!--
A{cursor:crosshair;height:1px;behavior:url(link2.h tc);filter:progid:dximagetransform.microsoft.gradi entwipe(duration=1); text-decoration: none; color: blue;}

A:link{color:#3333CC;text-decoration:none}
A:visited{color:#3333CC;text-decoration:none}
A:active{color:#3333CC;text-decoration:none}
A:hover{color:#ffffff;text-decoration:none}.....

zangerbanger
03-01-2003, 12:38 AM
Okay thanks!