Transisting links

[Simba]

Hello,


I'd like to suggest that we should use the transisting effect which can be applied to links for an example.

You'd need to do the following.

ACP -> Themes & Templates -> Your Theme -> Global.css

Then you'd need to find a:link which is easy to find as it's on the top.

You then add the following code.

        -webkit-transition: color 150ms ease-in;
        -moz-transition: color 150ms ease-in;
        -o-transition: color 150ms ease-in;

You could also change the text-decoration to none in the a:hover, a:active class.

That's my small suggestion, and it would really hurt since it adds an extra effect. It can be also implemented in the new custom theme if it won't be already.

 

[Simba]

Hey there, Simba!

Just wondering if you have any examples of this effect being in use before I go ahead and give it an attempt. Thanks for your time.

http://eliteguru.info/forum/index.php

My personal made theme which I done yesterday. Hover over the links to see the effect.

 

[Simba]

Hey there, Simba!

Just wondering if you have any examples of this effect being in use before I go ahead and give it an attempt. Thanks for your time.

http://eliteguru.info/forum/index.php

My personal made theme which I done yesterday. Hover over the links to see the effect.

I actually like that a lot. :yes: I'm going to download a backup of UziGaming and then I'll attempt this, just incase I make any simple mistakes.

P.s. nice personal theme, it actually looks very nice.

Thank you, Uzi, I appreciate your words.

You can't do anything wrong since you only add those three lines into the specified class.

You can always use FireBug for FireFox, and click Inspect Element, and switch to "CSS", and you can add those lines in there I guess if you're unsure.

 

[Simba]

It doesn't matter if it's spaced there, it won't change anything as long as it's inbetween the brackets({}).