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.

Hover Images

View previous topic View next topic Go down

Solved Hover Images

Post by Kechapoo on April 13th 2014, 11:43 pm

I have this image as the... default(?):



But I'd like for this image to appear on hovering:



How do...?

Version: punBB

Site: http://hurricanechronicles2.forumotion.com/

Kechapoo
Forumember

Male Posts : 40
Reputation : 0
Language : English
Location : Virginia

http://hurricanechronicles.forummotion.com

Back to top Go down

Solved Re: Hover Images

Post by Ange Tuteur on April 14th 2014, 12:17 am

Hello Kechapoo,

Try this :
Code:
<style>
.imageContainer { display:inline-block; }
.imageContainer:hover img {
    filter:alpha(opacity=0);
             -moz-opacity:0;
           -khtml-opacity:0;
                  opacity:0;
}
</style><span class="imageContainer" style="background:url('http://s28.postimg.org/3odclwv0p/Yuuji_Yara_Hover.png') no-repeat;"><a href="http://hurricanechronicles2.forumotion.com/t12-yuuji-yara-sixth-tsuchikage"><img src="http://s14.postimg.org/hwbyb4qf1/Yuuji_Yara.png" /></a></span>

It should go in a widget.

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Hover Images

Post by Kechapoo on April 15th 2014, 1:01 pm

Sloved!

Kechapoo
Forumember

Male Posts : 40
Reputation : 0
Language : English
Location : Virginia

http://hurricanechronicles.forummotion.com

Back to top Go down

Solved Re: Hover Images

Post by Ange Tuteur on April 15th 2014, 1:02 pm

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