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.

Post Profile Appear On Hover

View previous topic View next topic Go down

Solved Post Profile Appear On Hover

Post by Castiel on February 6th 2015, 5:27 pm

Technical Details

Forum version : PunBB
Position : Founder
Concerned browser(s) : Mozilla Firefox
Who the problem concerns : All members
Forum link :

Description of problem

Greetings,

I'm using PunBB and have currently added quite a lot of fields to the profiles of my members. Unfortunately, this stretches out posts longer than necessary. I believe there was a CSS or Javascript code out there which made it possible to hide the profiles of users in posts and show it upon hovering over the profile picture. Could someone please provide this code to me? It would help me out quite a bit.

Regards,

Castiel


Last edited by Castiel on February 8th 2015, 4:12 pm; edited 1 time in total

Castiel
Forumember

Male Posts : 136
Reputation : 0
Language : English

Back to top Go down

Solved Re: Post Profile Appear On Hover

Post by Amber Sweet on February 7th 2015, 5:16 pm

I have a code that involves CSS, templates, and javascript although it's for phpbb3 if you want it since there are a variety of different hovers one could use for that effect.

Amber Sweet
New Member

Posts : 11
Reputation : 1
Language : English

http://badwordforagoodthing.forumotion.com

Back to top Go down

Solved Re: Post Profile Appear On Hover

Post by Ange Tuteur on February 8th 2015, 12:58 am

Hi @Castiel,

Add the following code to your stylesheet.
Administration Panel > Display > Colors > CSS stylesheet
Code:
.user .user-info {
  max-height:0;
  overflow:hidden;
  transition:500ms;
}
.user:hover .user-info { max-height:300px }

transition:500ms; // adjusts the smoothness of the transition

.user:hover .user-info { max-height:300px } // the maximum height of the profile fields on hover, increase this if your fields are LONG in height

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Post Profile Appear On Hover

Post by Castiel on February 8th 2015, 4:11 pm

Thanks, that's exactly what I was looking for. This topic is solved.

Castiel
Forumember

Male Posts : 136
Reputation : 0
Language : English

Back to top Go down

Solved Re: Post Profile Appear On Hover

Post by Ange Tuteur on February 9th 2015, 12:07 am

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