Add characters to user names of invisible members

[Paul B]

Brogan submitted a new resource:

Add characters to user names of invisible members (version 1.0) - Now you see them, now you don't.

I've seen this asked a few times so it's probably worth posting here.

If you want to make the user names of invisible members more obvious, you can add characters to the start and end of the user name using CSS.


Add this to EXTRA.css to add a character to the start of the user name:

.invisible:before {
content: "*";
}

Add this to EXTRA.css to add a character to the end of the user name:

.invisible:after {
content: "*";
}

If you want to put parentheses...

Read more about this resource...

 

[Paul B]

Brogan updated Add characters to user names of invisible members with a new update entry:

Applying user group user name styling to characters

If you have edited the sidebar_online_users template to show user group user name styling in the sidebar, the CSS is slightly different if you want the characters to be the same colour as the user name.

Use the following instead:

.invisible span:before {
content: "(";
}
 
.invisible span:after {
content: ")";
}

Read the rest of this update entry...

 

[maszd]

Hi @Brogan
how to make different color for invisible members username?

 

[Paul B]

There is a style property for it.