The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Link Colors

The forum of the forums :: Support forum :: Forum Design & Appearance Help :: Design & Appearance Problems Archives

Go down

Solved Link Colors

Post by Vergil on August 13th 2015, 3:14 am

Sorry to bother, but any of you guys know how to change the color when you hover over the link?
But not the color, it also has like a phase where it would slowly fade into the different color.
Like this forum (example) (just hover a link)
Please help. thanks


Last edited by Vergil on August 13th 2015, 6:11 pm; edited 1 time in total
avatar
Vergil
Forumember

Male Posts : 32
Reputation : 1
Language : English

Back to top Go down

Solved Re: Link Colors

Post by Ange Tuteur on August 13th 2015, 10:34 am

Hi @GhostRiderUSA,

The basic CSS for styling links by default and on hover would be the following.
Code:
a:link {
  color:#C66;
  transition:300ms;
}

a:hover {
  color:#33C;
}

You'll see transition:300ms; this adds a 0.3 second interval for transitioning between styles. For example, red to blue. The code can be adding in via Display > Colors > CSS stylesheet
avatar
Ange Tuteur
Forumaster

Male Posts : 13194
Reputation : 2907
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Solved Re: Link Colors

Post by Vergil on August 13th 2015, 3:53 pm

@Ange Tuteur wrote:Hi @GhostRiderUSA,

The basic CSS for styling links by default and on hover would be the following.
Code:
a:link {
  color:#C66;
  transition:300ms;
}

a:hover {
  color:#33C;
}

You'll see transition:300ms; this adds a 0.3 second interval for transitioning between styles. For example, red to blue. The code can be adding in via Display > Colors > CSS stylesheet
Okay thanks, but how do I make it blurry just like the other one?
avatar
Vergil
Forumember

Male Posts : 32
Reputation : 1
Language : English

Back to top Go down

Solved Re: Link Colors

Post by Ange Tuteur on August 13th 2015, 4:00 pm

You can use the text-shadow property to achieve this effect.

For example :
Code:
a:link {
  color:#C66;
  text-shadow:0px 0px 3px #F00;
  transition:300ms;
}

a:hover {
  color:#33C;
  text-shadow:0px 0px 1px #00F;
}
avatar
Ange Tuteur
Forumaster

Male Posts : 13194
Reputation : 2907
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Solved Re: Link Colors

Post by Vergil on August 13th 2015, 6:10 pm

@Ange Tuteur wrote:You can use the text-shadow property to achieve this effect.

For example :
Code:
a:link {
  color:#C66;
  text-shadow:0px 0px 3px #F00;
  transition:300ms;
}

a:hover {
  color:#33C;
  text-shadow:0px 0px 1px #00F;
}
Thanks for the help!
Solved.
avatar
Vergil
Forumember

Male Posts : 32
Reputation : 1
Language : English

Back to top Go down

Solved Re: Link Colors

Post by APE on August 13th 2015, 6:17 pm

Topic solved and archived



avatar
APE
Manager
Manager

Male Posts : 11861
Reputation : 1173
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Link Colors

Post by Ange Tuteur on August 13th 2015, 6:17 pm

You're welcome Smile

Topic archived
avatar
Ange Tuteur
Forumaster

Male Posts : 13194
Reputation : 2907
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Back to top

The forum of the forums :: Support forum :: Forum Design & Appearance Help :: Design & Appearance Problems Archives

 
Permissions in this forum:
You cannot reply to topics in this forum