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 Sat Aug 30, 2014 6:03 pm; 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
» Display users name when welcoming
» I add a user into a group. but he didnt receive any email notification about been invited into group..
» User Name Prefixes for entire User Group
» Display both rank and group below username?
» Browsing Users Display
» I add a user into a group. but he didnt receive any email notification about been invited into group..
» User Name Prefixes for entire User Group
» Display both rank and group below username?
» Browsing Users Display
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum