Help - Search - Members - Calendar
Full Version: Link effect
Movable Type Community Forum > Additional Resources > Tips and Tricks
rmiles
I think I screwed up and posted this in the css forum. Here is the body of my original question:

I use a pixelated link effect in a couple of my web pages, usually by adding a STYLE tage in the head. I have tried adding this into my css style-sheet:

A{color:#993300;text-decoration:none;behavior:url(pixel.htc); filter:progid:dximagetransform.microsoft.pixelate(duration=.7, maxSquare=22, enabled=false); height: 0px}

It won't work at all. Anyone have any idea how I could get it to work?
kadyellebee
Is this working on other pages? The effect looks like it only will work for IE. What is it doing instead?

A link to your site might help us see what's going on.

Kristine
rmiles
Works fine in my other pages. Here is the page. Click on my weblog page, or just let it load, I am using it in the css there. Just does nothing there. Yes, it wil only work with ie, probably only 6+. Thanks for the reply.
kadyellebee
Ahh, I finally got it!

The stylesheet for the blog page needs to have a full URL to the pixel.htc file. Once I downloaded it to my desktop and saved the pages there to test them, it worked. smile.gif

Because blogs tend to reside in multiple layers of file, its easiest to just use a full URL when you think it might be needed in the archives too. smile.gif

Kristine
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.