PDA

View Full Version : Links Effects

Incendio
02-25-2005, 11:36 PM
If you go Here (http://pixelfx.org/v2.php)

Did you read the link transitions?

THis is what they say:

This tutorial will show you different types of link transitions you can add to your webpages, thier so awesome and will make your pages look spiffy.


You will need to download this file here: link.htc.
Upload it to your main directory.
Your CSS code should look like this:
<style type="text/css">
A{cursor:default;height:1px;behavior:url(link.htc) ;filter:progid:dximagetransform.microsoft.blinds(d uration=1)}
A:link{color:#000000; text-decoration:none;cursor:"default"}
A:visited{color:#000000;text-decoration:none;font-weight:none}
A:hover{color:#000000;text-decoration:none;background-color:none;font-weight:none;cursor:default}-->
</style>

See in the code where it says filter:progid:dximagetransform.microsoft.blinds (duration=1)? Well, where it says blinds (duration=1), replace that with whichever effect you like from below!

I did exactly what they said, still it didn't work.

Anyone has any tips? PLease!
MaGiCSuN
02-25-2005, 11:46 PM
post a link to the page you are having problems with :)
the forum puts in spaces in the code, so it's hard to figure out where the error might be without seeing the code you used on your page on the internet :)

Love,
Mirna
Incendio
02-25-2005, 11:57 PM
post a link to the page you are having problems with :)
the forum puts in spaces in the code, so it's hard to figure out where the error might be without seeing the code you used on your page on the internet :)

Love,
Mirna

The problem is, that I dont have the site on the internet .. I have it on my computer and preview it here ...

I'll try to get an example up though. Just a moment, thanks.

Thanks for trying to help! :)
Incendio
02-26-2005, 12:13 AM
OK, I made an example site.

http://www.freewebs.com/hpkiddos2/test2.htm

And this is the code:



<HTML>
<HEAD>
<BODY BGCOLOR=#000000>
<TITLE>BAFTA Awards 2005</TITLE>
</HEAD>
<BODY>

<BODY BGCOLOR=#000000>
<font color=red size=+2>RED LETTERS


<style type="text/css">
A{cursor:default;height:1px;behavior:url(link.htc) ;filter:progid:dximagetransform.microsoft.blinds(d uration=1)}
A:link{color:#FFFFFF; text-decoration:none;cursor:"default"}
A:visited{color:#FFFFFF;text-decoration:none;font-weight:none}
A:hover{color:#FFFFFF;text-decoration:none;background-color:none;font-weight:none;cursor:default}-->
</style>



www.hp.com


<center><font size=+1 font color=white><a href="
www.hp.com">Click here</a>Type your text here</font></center>



</font>
MaGiCSuN
02-26-2005, 12:26 AM
i don't really see the use of the filter at a normal link :S
could be me perhaps :) i always thought these filters where for hovers only ...

however, your stylesheet should go between the <head> and </head> tags. Also your first <font> tag (for the red text) should have a </font> after the sentence.

your link should be on one line, and it should have http:// included into the code :)

at t he end of your document add </body></html> to it :)

try fixing those little things first :)

Love,
Mirna
pb&j
02-26-2005, 12:28 AM
1. you should check your host to see if they actually support the use of htc file types.

2. you should fix your coding a bit... (ignore the extra spaces in the TRANSFORM line as this forum puts them in there for some reason)...

<HTML>
<HEAD>
<TITLE>BAFTA Awards 2005</TITLE>

<style type="text/css">
A {cursor: default;
height: 1px;
behavior: url(link.htc);
filter:progid:dximagetransform.microsoft.blinds(du ration=1);}
A:link {color: #FFFFFF;
text-decoration: none;
cursor: default;}
A:visited {color: #FFFFFF;
text-decoration: none;
font-weight:none;}
A:hover {color: #FFFFFF;
text-decoration: none;
background-color: none;
font-weight: none;
cursor: default;}
</style>

</HEAD>

<BODY BGCOLOR="#000000">
<font color="red" size="+2"> RED LETTERS www.hp.com </font>

<center>
<font size="+1" color="white">
<a href="www.hp.com">Click here</a>
Type your text here</font></center>

</body>
</html>