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 forum description and image

View previous topic View next topic Go down

Solved Hover forum description and image

Post by Hafny on July 8th 2014, 1:59 am

Hello!
A couple questions:
1. I've made my forums into blocks, they are really messy right now, but I am trying to find out how to make their descriptions to show up when I hover on images and I have no idea what to do.
2. You can see an arrows on the logo. Hit ">" couple times and you will see a few gifs. My problem is that I want text to appear when I hover on each one of them, but simple code isn't working.
Forum version: phbb2
Link: http://testai.forumlt.com/
:rose:


Last edited by Hafny on July 10th 2014, 11:00 pm; edited 1 time in total

Hafny
New Member

Posts : 12
Reputation : 1
Language : LT

http://divergents.forumlt.com/

Back to top Go down

Solved Re: Hover forum description and image

Post by Hafny on July 10th 2014, 7:48 pm

Bump.

Hafny
New Member

Posts : 12
Reputation : 1
Language : LT

http://divergents.forumlt.com/

Back to top Go down

Solved Re: Hover forum description and image

Post by Ange Tuteur on July 10th 2014, 10:40 pm

Hello Hafny,

I have an old example of text on hover of an image, just add it to a description, or a place where HTML is enabled :
Code:
<style>.catgdescback1 {
background:url('http://i56.servimg.com/u/f56/18/21/60/73/captur18.png');
width:226px;
height:125px;
padding:3px;
}
.catgdesctext1 {
background:#fff;
height:100%;
width:100%;
opacity:0.050;
transition:0.5s;
}
.catgdesctext1:hover { opacity:0.8; }</style>
<div class="catgdescback1">
 
 <div class="catgdesctext1">
 <span class="catgtext1">This is text This is text This is text This is text This is text This is text This is text </span>
 </div>
</div>

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Hover forum description and image

Post by Hafny on July 10th 2014, 10:59 pm

It works great, thank you!

Hafny
New Member

Posts : 12
Reputation : 1
Language : LT

http://divergents.forumlt.com/

Back to top Go down

Solved Re: Hover forum description and image

Post by Ange Tuteur on July 12th 2014, 2:57 am

You're welcome ^^

Topic archived

Have a good day. Smile

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
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