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

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.

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

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