.CSS on this website...

Hey... I like the cool hover effect on this website where it looks like the color actually changes when you rollover a link.

How do they do that??

It looks the when you rollover a link, you get an underline (I know how to do that...) and it looks like the color changes from greyish to pinkish to red... Am I just imagining that??

When I see something on a website I like I always check the source code to see how it was done, for example I have never seen this script before so to find out how it was done on this page I went to "View" and then "Source" and saw that the link for the script was here: http://www.ozzu.com/fader.js

You would just save that file and then copy this into the head section of your site as was done on here:
<script type="text/javascript" src="fader.js">


Hope that helps,
Rose

Yes you are slowly going insane!!!


MWAHAHAHHAAH!!!

Actually I think it is just a bit of javascript....h/o and lemme snatch it for you!......
....
....

...
...



Ok well I can't find it anywhere, can't even find the onMouseOver for it, hrm...

Check around on http://www.hotscripts.com for something like that, it should be there somewhere!

//edit looks like rose beat me!

Sorry to but in, Rose was right....here's another link with instruction on how to do it including the actual download and command used.


http://admins101.com/scripts/faderlinks.html

Hope that helps

Butt away! Oh how I love to be right!

Musik, Who doesn't like to be right?

people who are left?

It seems like part of the time it goes from grey to pink to red. But then the other part of the time it jumps to white and then fades to pink and red.

The reason it sometimes goes white first is the css hover property, making it turn white for those people with jscript turned off. If there is a slight delay in the javascript kicking in you see the white css colour first

Thatsmy guess anyway.....

Yeah Rose is right, also her suggestion to just read the source file, thats How i learned most of my coding, by reading the code of sites i liked. Great way to learn!! Also if you want more information on coding CSS try: http://www.w3schools.com/css/default.asp that site will get u started

How do I change the color of the links? Because I tried using CSS. But the fading effect just stopped.

Hi. I am using the fader.js on my site and it is working sucessfully in places. When I only use <a href="#">clickypoos</a> tags it works beautifully, but when it is nested within a list <li> or table <td> element the fade does not work correctly...

When in an <li> or <td> or other element it changes to red (no fade) on the second time I hover over it! - and it stays red!

Does anyone have any ideas why this could be happening? I do not have any other :link,:hover, etc styles set up nor do I have any other javascripts running


//edit (see below)

I figured it out. The reason it was not working inside the other elements, was because the font for those elements had a color specified using a name e.g. l'red'. The font colors (a:hover, etc) need to be specified in hexadecimal values? e.g. #ff0000

well thisis wat i used

a:hover is wen ur put ur mouse over the link and it turns that color.
a:link is the actual color of the link on the screen with ur mouse not over it.
I think that is wat you wanted. but i dont no how to do the fading effect.

No I'm all set - I have the fading effect working ok.