top


Kaito Kid
Link Hover Animate and Hiding Specific Link Text - Thu Jan 05, 2012 2:14 am Author: Kaito Kid

Hi, i want to know how to animate a link when you hover it, animate of color, something like ego-one but something closer to that.
And lastly, how can i hide a specific link, cause i want to hide the "Search" in the navigation bar Smile.

Thanks so much Smile.

Japorized
Re: Link Hover Animate and Hiding Specific Link Text - Thu Jan 05, 2012 7:48 pm Author: Japorized

For the animation of the link, you can choose either using jQuery or CSS3 transition.
This is how you do it with CSS3:

Code:
a:link {
-moz-transition: color 1s ease-in-out;
-webkit-transition: color 1s ease-in-out;
-o-transition: color 1s ease-in-out;
transition: color 1s ease-in-out;
color: blue;
}

a:hover {
color: red;
}
The colours are just examples and you can edit them to whatever colour you want. And as for the transition, you can increase the time (which I wrote as 1s) to other duration to extend the time of the transition effect.

As for jQuery, I never bothered to see how xP (CSS is way neater for me)

For hiding the "Search" nav, unless it's an image, or else, you can remove it. If you're using an image, give it a blank image and move it to one side.

Kaito Kid
Re: Link Hover Animate and Hiding Specific Link Text - Thu Jan 05, 2012 8:35 pm Author: Kaito Kid

How bout if not a image? :o. Thanks for the help Smile).

Japorized
Re: Link Hover Animate and Hiding Specific Link Text - Sat Jan 07, 2012 3:45 pm Author: Japorized

Erm... That'll be a long process and you'll have to edit the templates. Make your own nav.

Kaito Kid
Re: Link Hover Animate and Hiding Specific Link Text - Sat Jan 07, 2012 5:13 pm Author: Kaito Kid

Already got the code in FM. Hehe.
Thanks for the help Jap Smile.

Japorized
Re: Link Hover Animate and Hiding Specific Link Text - Sun Jan 08, 2012 11:27 pm Author: Japorized

You're welcome. So it's solved. Smile
Solved & Locked

Re: Link Hover Animate and Hiding Specific Link Text - Author: Sponsored content