vBulletin [OzzModz] Usergroup Color Legend (vB4) v1.1.3

Usergroup Color Legend

  1. ozzy47
    Another mod brought to you by,
    [​IMG]

    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.
    [​IMG]

    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:

    Code:
    [opening tag]username[closing tag]
    Some HTML tags you might want to use here include:
    Code:
    <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

    Code:
    <span style="color: Red;">
    Second field

    Code:
    </span>
    Example 2

    First field

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

    Code:
    </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.

    Code:
    .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;
    }
    Example 1

    First field

    Code:
    <span class="admin">
    Second field

    Code:
    </span>
    Example 2

    First field

    Code:
    <span class="moderator">
    Second field

    Code:
    </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.

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

    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.1 Fixed a issue with a uncached template.

    v1.1.2 Fixed a issue with the collapse not working, and added some padding.

    v1.1.3 (March 13, 2015)
    - Version checking now done on OzzModz.

    usergroup legend 1.jpg
    usergroup legend 2.jpg


    usergroup legend 3.jpg
  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.