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

View previous topic View next topic 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

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

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

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?

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;
}

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

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.

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





APE
Manager
Manager

Male Posts : 8317
Reputation : 716
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

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


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