Post Profile Appear On Hover
3 posters
Page 1 of 1
Post Profile Appear On Hover
Technical Details
Forum version : PunBBPosition : 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
- Posts : 155
Reputation : 0
Language : English
Re: Post Profile Appear On Hover
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.
Re: Post Profile Appear On Hover
Hi @Castiel,
Add the following code to your stylesheet.
Administration Panel > Display > Colors > CSS stylesheet
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
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
Re: Post Profile Appear On Hover
Thanks, that's exactly what I was looking for. This topic is solved.
Castiel- Forumember
- Posts : 155
Reputation : 0
Language : English
Similar topics
» Profile Field On Hover
» Profile avatar on Hover
» Last visit Profile on hover
» How do i add mini profile when you hover over avatar
» Profile Awards With Hover Over Names
» Profile avatar on Hover
» Last visit Profile on hover
» How do i add mini profile when you hover over avatar
» Profile Awards With Hover Over Names
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum