Username description.

Alright I'm in need of another help so i need my username to state its usergroup when I hold the mouse pointer on it like this,
So if my usergroup is General Administrator when I keep the pointer on my username that pops up stating the group name anyway I could do it though a CSS coding?

bump i still need help

Hello , in this request , we will need to create a new javascript , so, go in Administration Panel -> Modules -> Javascript Management -> create a new javascript tick in all pages or where you want to see and add that

Code:

$(function() {
$('a[href="/u1"] span strong').attr('title','General Administrator');
});

Now , you need to replace only /u1 with the user link , this code is only for /u1 , you can do that and with groups but I'll need your forum url.

candy_fear wrote:Hello , in this request , we will need to create a new javascript , so, go in Administration Panel -> Modules -> Javascript Management -> create a new javascript tick in all pages or where you want to see and add that

Code:

$(function() {
$('a[href="/u1"] span strong').attr('title','General Administrator');
});

Now , you need to replace only /u1 with the user link , this code is only for /u1 , you can do that and with groups but I'll need your forum url.

Yes I need this for groups http://dnboys.englishboards.com

my forum url

Code:

$(function() {
$('a[style="color: #92D11E;"] span strong').attr('title','General Administrator');
});

Try this That will do that for all "[ Tech Staff ] " group members

candy_fear wrote:

Code:

$(function() {
$('a[style="color: #92D11E;"] span strong').attr('title','General Administrator');
});

Try this :DThat will do that for all "[ Tech Staff ] " group members

I tried tho didn't work yet no idea what did I do wrong I just copied and pasted the same above code ;o

Is your JavaScript Management on?

SLGray wrote:Is your JavaScript Management on?

Yes its on the first code for single users does work but the second code didn't show up any changes.

I still need help with this plox.

It must be solved by RegExp, Regular Expression

mangaka wrote:It must be solved by RegExp, Regular Expression

You could give me the code for it?

Alright so for in this thread the guy could put a prefix for all the group member usernames through a CSS coding so I guess I'm also in need of a similar coding like that someone please look into this link and help me out
https://help.forumotion.com/t127624-user-name-prefixes-for-entire-user-group

Hello Rizi Scotch,

It can be done, though I haven't fully tested it I've noticed that it will move the texts around it.

Anyhow modify the color to the group you wish for the effect to be applied and paste it into your stylesheet.

Code:

a span[style="color:#C20000"] strong:hover:after {
  background-color:rgba(0,0,0, 0.5);
  content: "Administrator";
  border-radius:5px;
  font-weight:bold;
  font-size: 10px;
  padding:3px;
  color:#fff;
  position:relative;
  right:67px;
  top:18px;
}

The effect should be similar to this on hover:


You may need to adjust the positioning depending on the size of the words you submit into the content value field. If I improve anything on the code I'll notify you.

EDIT:
I've updated the code some more, I fixed the issue where the hyperlink position would still be present after the username. This was fixed by overlaying the after content over the username. Its actually nigh perfect, which surprised me. Anyhow as I said before you may need to modify the positioning if it isn't positioned correctly.

Use this code instead please:
If you need a demo of the code, I have it enabled here for Admin group.

Code:

a span[style="color:#C20000"] strong:hover:after {
  background-color:rgba(0,0,0, 0.5);
  content: "Administrator";
  border-radius:5px;
  font-weight:bold;
  font-size: 10px;
  padding:2px;
  color:#fff;
  position:relative;
  top:18px;
  white-space: nowrap;
}
a span[style="color:#C20000"] strong:after{
  margin:-34px;
}

If a word is too long or short, you'll have to adjust margin to negate the white space generated.

Yup the second code helped me a lot Thank you! and I can use this same way to make a group of usernames into Italic style? Like if I only need the green color usernames to be italic how would I use such a code to make it so? I know how to do it for one user but not sure about how for a group.

If you were to apply those settings to a group, it would look like this without any pseudos. You just need to add the group color and you're good.

Code:

a span[style="color:#C20000"] strong{
font-style:italic;
}

If you need any help with font/text properties these should help for styling the groups: Font | Text

SethC1995 wrote:If you were to apply those settings to a group, it would look like this without any pseudos. You just need to add the group color and you're good.

Code:

a span[style="color:#C20000"] strong{
font-style:italic;
}

If you need any help with font/text properties these should help for styling the groups: Font | Text

That was really helpful thanks! and this is solved