Hello,

Is it possible to have two separated set of groups/legends? For instance, Legend #1 would be "Red", "Yellow", Blue", "Violet". While Legend #2 (beneath it) consist of: "White", "Black", "Crimson", "Cyan" - colors are only an example.

For instance, my forum currently have 9 groups, they're under "Legend". I'd like to know whether It's possible to have a 2nd set of groups beneath it, separated, where members whom assigned to these groups will have an icon near their name instead of a different color. For instance, for "white" you're presume that member's name would be white, but instead, it want to have like a white block 3x3 px (again, only an example) instead of a different color.

I want to host an event where members will temporarily will be assigned to different groups, It's a role-play event, and the groups will be representing different teams. However, at the same time, I'd still like them to maintain their original group's colors.

Is it possible?

The only way would be to code fake groups into the template, then use the "colorize usernames" script to change their color. These fake groups would just be words with color.

Hello Anzo,

From what I know, only one group color can be applied to a member at a time. The color the takes precedence over the other depends on its order number. So, the members in the icon groups would need to be done by hand with CSS.

As for separating the groups ? You could use a break tag to set the groups onto a new line. For example :

Placing the groups after chatmods onto a new line

Code:

$(function() {
  $('#onlinelist').html($('#onlinelist').html().replace(/(\[ <b><a style="color: #1A9169" class="gensmall" href="\/g129-chat-moderators">Chat Moderators<\/a><\/b> \])/,'$1 <br>'));
});

@Ange: So If I want to place the group after the 'Slifer Red' - lower group in the forum - I should use that code and replace the "\/g129-chat-moderators" with "\/g10-slifer-red"? That way all other groups after this group will show below it?

Yep

Here is the script for that :

Code:

$(function() {
  $('#onlinelist').html($('#onlinelist').html().replace(/(\[ <b><a style="color: #DE0000" class="gensmall" href="\/g10-slifer-red">Slifer Red<\/a><\/b> \])/,'$1 <br>'));
});