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 Hover Effect

View previous topic View next topic Go down

Solved Link Hover Effect

Post by FL.ux on December 18th 2011, 4:00 am

How can i add an effect when i hover over some links???

like a glow or glitter when i hover on a link?? bwi bwi


Last edited by pidot101 on December 18th 2011, 3:18 pm; edited 1 time in total

FL.ux
Forumember

Male Posts : 842
Reputation : 18
Language : I hope I could be a FM staff :'(
Location : I shall fly to the subterranean sky.

Back to top Go down

Solved Re: Link Hover Effect

Post by Seriwyth on December 18th 2011, 1:33 pm

Hi =D
For the Glow effect ... You can do it using the CCS propiety "shadow" on your links .. you just have to put this in your stylsheet (Administration pannel >>Display>>color>>CSS stylsheet):

Code:
a:hover{
 text-shadow: 0px 0px 10px #000000;/*you can put the color you want instead of #000000*/;}

But for the glitter effect... I don't know, maybe you can put a glitter backgound image on your links ...
Have nice day ♥


Seriwyth
New Member

Female Posts : 5
Reputation : 0
Language : French :: english :: spanish
Location : Vitrolles (France)

http://gharendar.forums-actifs.com/

Back to top Go down

Solved Re: Link Hover Effect

Post by Mati on December 18th 2011, 1:50 pm

If you wanna it for all links this will make it glitter when you hover over the links.

Code:
a:hover {
    background: url(http://i752.photobucket.com/albums/xx164/optiikzz/rc599e.gif);
}

Mati
Active Poster

Posts : 1873
Reputation : 281
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://elite-gaming.forumotion.net/

Back to top Go down

Solved Re: Link Hover Effect

Post by X-jvlr.FR3$H-X on December 18th 2011, 2:37 pm

or this is a better hover code i like this more
Code:
a:link:hover {
text-shadow: 0 0 0.7em #8B0000;
}


a:link {
    text-decoration: none;
    color: #32FA00;
    text-shadow: none;
    -webkit-transition: 500ms linear 0s;
    -moz-transition: 500ms linear 0s;
    -o-transition: 500ms linear 0s;
    transition: 500ms linear 0s;
    outline: 0 none;
}

a:link:hover, a:link:focus
{
    color: #000000;
    text-shadow: -1px 1px 8px #FFFFFF, 1px -1px 8px #FFFFFF;
}

X-jvlr.FR3$H-X
Forumember

Posts : 45
Reputation : 2
Language : english

Back to top Go down

Solved Re: Link Hover Effect

Post by FL.ux on December 18th 2011, 2:57 pm

@X-jvlr.FR3$H-X wrote:or this is a better hover code i like this more
Code:
a:link:hover {
text-shadow: 0 0 0.7em #8B0000;
}


a:link {
    text-decoration: none;
    color: #32FA00;
    text-shadow: none;
    -webkit-transition: 500ms linear 0s;
    -moz-transition: 500ms linear 0s;
    -o-transition: 500ms linear 0s;
    transition: 500ms linear 0s;
    outline: 0 none;
}

a:link:hover, a:link:focus
{
    color: #000000;
    text-shadow: -1px 1px 8px #FFFFFF, 1px -1px 8px #FFFFFF;
}

where do i put the glitter effects???

FL.ux
Forumember

Male Posts : 842
Reputation : 18
Language : I hope I could be a FM staff :'(
Location : I shall fly to the subterranean sky.

Back to top Go down

Solved Re: Link Hover Effect

Post by WHITESABBATH on December 18th 2011, 4:04 pm

Place it in your css stylesheet.

WHITESABBATH
Active Poster

Male Posts : 1198
Reputation : 119
Language : English, F-Bombs
Location : Chicago

Back to top Go down

Solved Re: Link Hover Effect

Post by Sanket on December 18th 2011, 7:12 pm

Solved?

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Link Hover Effect

Post by FL.ux on December 19th 2011, 12:27 am

yes..

Twisted Evil

FL.ux
Forumember

Male Posts : 842
Reputation : 18
Language : I hope I could be a FM staff :'(
Location : I shall fly to the subterranean sky.

Back to top Go down

Solved Re: Link Hover Effect

Post by Sanket on December 19th 2011, 6:17 am

Topic Solved & Locked

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.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