This seems to be the new webtrend, using link transitions so heres a quick and easy tutorial on how to do them. First you need to download the file link.htc and upload it to your server.
Then add this code between your <head> tags.
/* Code block */
<style><!-- a{behavior:url(link.htc); color:red; filter: progid:dximagetransform.microsoft.gradientwipe
(duration=1.0); height:0px; text-decoration:none} --></style>
Now you need to edit the things in bold...
link.htc is the url to where you uploaded the file.
red is obviously the color you want your links to be. Either use a word or hex code
gradientwipe is the actual transition style, you can change gradientwipe to any of the following for a different effect...
barn
blinds
checkerboard
inset
fade
gradientwipe (this is the most commonly used one)
iris
radialwipe
randombars
randomdissolve
slide
spiral
stretch
strips
wheel
zigzag
1.0 this is the duration of the effect, a lower number will go faster, a higher number slower.
Finally you need to add a hover attribute, if you already have css on your page that controls your hover style/color you can ignore this bit, if you dont just add this, also in the <head> tag, obviously changing the word black for your color...
/* Code block */
<style type="text/css"> a:hover {color:black} </style>
And thats it, you should now have pretty links :)
If you have any questions or require further help on this tutorial please ask at Sway Forum where either myself or someone else will help you out. Any emails asking for help will be ignored.
< Back
