[OzzModz] Usergroup Color Legend

[Ozzy47]

Another mod brought to you by,

Here is a small modification you can use to show a usergroup color legend various places on forum home.

It is a simple installation, just import the product XML, product-ozzmodz_usergroup_legend

Make sure you disable or uninstall any other usergroup legend mods you have running.

You can edit the options under the settings, OzzModz: Usergroup Legend Settings

Complete Feature List

• Option to disable the mod completely.
• Option to show which usergroups to show in the legend.
• Option to center the legend.
• Option to select which usergroups can see the legend.
• Option to select from six icons to separate the usergroups.
  • None
  • •
  • ~
  • -
  • /
  • |
• Option to choose from eight different locations on the forum home.
  • Above Usernames In WGO
  • Below Usernames In WGO
  • Below Welcome Newest Member In WGO
  • Below Icon Legend In WGO
  • Forumhome Above Forums
  • Forumhome Below Forums
  • Above Currently Active Users In WGO
  • Forumhome Below NavBar

The locations, Forumhome Above Forums, Forumhome Below Forums, and Forumhome Below NavBar, will be blocks, that look like the rest of the blocks on your forum home. The remaining five locations integrate into the, What's Going On section.

Frequently Asked Questions.

Q. Why are all the groups / users are the same color?

A. For those of you not familiar with, or have issue with html markup, here is a quick guide.


Username HTML Markup. ACP --> Usergroups --> Usergroup Manager edit each usergroup, you will need to add the html to the two input fields found in the setting, Username HTML Markup.

NOTE: Your field boxes won't be as wide as the ones in the image, I over-sized them for illustration purposes.

The first field is the opening tag. The second field is the closing tag. These tags will be inserted around the user's username like this:

[opening tag]username[closing tag]

Some HTML tags you might want to use here include:

<span style="font-weight: bold;"> </span> 
<span style="text-decoration: line-through; font-weight:bold;">  </span>
<span style="font-style: italic;"> </span> 
<span style="text-decoration: underline;"> </span>
<span style="color: red;"> </span>

Example 1

First field

<span style="color: Red;">

Second field

</span>

Example 2

First field

<span style="color: Blue; font-weight: bold;">

Second field

</span>

You can also do combinations by using more than one attribute in the style property.

Q. Wait, I have different colored styles, it is very difficult to choose a color to work on them all, what can I do?

A. Well then you should use this solution. It will take time to set up for each usergroup, but it's worth it.

First off add this code to your additional.css templates for all your styles.
In each style you can define a different color for each group.
You can add more groups or change the names as you wish.

.admin 
{
        color: #FF0000;
        font-weight: bold;
}

.moderator 
{
        color: #0000ff;
        font-weight: bold; 
}

.supermod 
{
        color: #32CD32;
        font-weight: bold; 
}

.registered 
{
        color: #802A2A;
        font-weight: bold; 
}

.banned
{
        color: #000000;
        text-decoration: line-through;
        font-weight: bold; 
}

.group1 
{
        color: #FF8000;
        font-weight: bold;  
}

.group2 
{
        color: #A020F0;
        font-weight: bold; 
}

.group3 
{
        color: #FFC0CB;
        font-weight: bold; 
}

Then for each usergroups html markup do like this.

Example 1

First field

<span class="admin">

Second field

</span>

Example 2

First field

<span class="moderator">

Second field

</span>

Remember to change the class to the usergroup you are working with.

You can get a good list of colors here, Color Codes

The first screenshot is of the settings in the acp.
The second screenshot is of the legend in the What's Going On area.
The third screenshot is of the legend, when it is displayed in the locations, Forumhome Above Forums, Forumhome Below Forums, and Forumhome Below NavBar.

-------------------------------------------------------------------------------------------

Please remember to click the, {vb:raw mark_as_installed_image} button to the right if you installed the mod ---->

What does 'Marking As Installed' do ?

* It helps you to stay on top of updates - members who have installed modifications will be notified whenever new updates are available.

* For security issues - OzzModz.com will contact all members who have installed a modification whenever a security issue is brought to our attention.

* Marking a modification as installed also helps me know how many people are using my work, giving me extra incentive to provide more features and new modifications.

I appreciate the support!
-------------------------------------------------------------------------------------------

v1.0.0 Initial release.
v1.1.0 Fixed a issue where on some installs the product would fail, due to non ASCII character format.
v1.1.2 Fixed a issue with the collapse not working, and added some padding.

-------------------------------------------------------------------------------------------

Translations
Romanian, Spanish and Arabic translations available, here

-------------------------------------------------------------------------------------------

Contributions Received (members who clicked on, and followed through with the Support Developer button)

bazookajoe