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.

Picture link hover.

View previous topic View next topic Go down

Solved Picture link hover.

Post by Foundwaldo on Wed Feb 26, 2014 11:43 pm

I would like to know how to make a certain photo with a link have the hover effect as soon on this forum. http://www.chaosera.org/

Notice on the what's new section how when you hover over a picture you get the effect? That's what I'm looking for if anyone knows how to do this it would be greatly appreciated.

Thanks.

Foundwaldo
Forumember

Posts : 53
Reputation : 1
Language : English

Back to top Go down

Solved Re: Picture link hover.

Post by Ange Tuteur on Thu Feb 27, 2014 4:42 am

Hello Foundwaldo,

This is a trick with opacity using CSS.

First we have our image and link :
Code:
<a href="http://help.forumotion.com/"><img class="imgLite" src="http://illiweb.com/bl/logo.png" /></a>

Our image has the class "imgLite" we'll use this class to edit its style.

Administration Panel > Display > Pictures and colors > Colors > CSS stylesheet

Here we'll write our style for the image :
Code:
.imgLite { opacity:0.7; filter:alpha(opacity=70); }
.imgLite:hover { opacity:1; filter:alpha(opacity=100); }

Then just submit and the effect should be applied.

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Picture link hover.

Post by Foundwaldo on Thu Feb 27, 2014 5:48 am

Solved. Thank you for your help much appreciated.

Foundwaldo
Forumember

Posts : 53
Reputation : 1
Language : English

Back to top Go down

Solved Re: Picture link hover.

Post by Ange Tuteur on Thu Feb 27, 2014 8:56 am

You're welcome Smile

Topic solved and 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