How to display a users user group when hovered over?
2 posters
Page 1 of 1
How to display a users user group when hovered over?
Is there a way if you hover over a users name, that the displayed group that user is in will show in text by your cursor? Thanks.
Last edited by Ramdaman on August 31st 2014, 1:03 am; edited 1 time in total
Re: How to display a users user group when hovered over?
Hello Ramdaman,
You can use the following trick with CSS :
Display > Colors > CSS stylesheet
So it applies to the group you want it to, you must change #990099 to the color of your group. You can see the hex color of your groups here :
Administration Panel > Users & Groups > Groups > Group Administration
The last thing to change is the texts displayed : content:"Moderator"; Change Moderator to the texts you want to display.
To have it for multiple groups simply repeat the steps above.
You can use the following trick with CSS :
Display > Colors > CSS stylesheet
- Code:
a span[style="color:#990099"] strong:hover:after {
content:"Moderator";
font-size:10px;
color:#000;
background:#FFF;
border:1px solid #EEE;
box-shadow:1px 1px 2px #000;
border-radius:4px;
padding:3px;
position:absolute;
bottom:5px;
right:0px;
display:inline-block;
white-space:nowrap;
z-index:1;
margin:-25px;
}
a span[style="color:#990099"] strong { position:relative }
So it applies to the group you want it to, you must change #990099 to the color of your group. You can see the hex color of your groups here :
Administration Panel > Users & Groups > Groups > Group Administration
The last thing to change is the texts displayed : content:"Moderator"; Change Moderator to the texts you want to display.
To have it for multiple groups simply repeat the steps above.
Re: How to display a users user group when hovered over?
Ah solved, so I must keep every group color different for this to work?
Re: How to display a users user group when hovered over?
Correct, you will need multiple codes. You can also put the content in its own rule and add the selectors to the popup style so it takes less space. However, I think multiple codes will be easier if you're not familiar with CSS.
Re: How to display a users user group when hovered over?
Not familiar with CSS, so this will do. Thanks again mam.
Re: How to display a users user group when hovered over?
You're welcome ^^
Topic archived
With multiple codes you can also personalize the style of each group tooltip. ( e.g. background color, font color.. )
Topic archived
With multiple codes you can also personalize the style of each group tooltip. ( e.g. background color, font color.. )
Similar topics
» Browsing Users Display
» Display users name when welcoming
» User Name Prefixes for entire User Group
» Display both rank and group below username?
» Users online display
» Display users name when welcoming
» User Name Prefixes for entire User Group
» Display both rank and group below username?
» Users online display
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum