Forum Home Enhancements - [OzzModz] Usergroup Color Legend

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.

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

If you like this mod please hit the button to the right ---->

Please remember to click the, 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 - vBulletin.org will contact all members who have installed a modification whenever a security issue is brought to their 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.1 Fixed a issue with a uncached template.

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

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

Translations
Romanian translation available, here
Arabic translation available, here
Spanish translation available, here

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

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

bazookajoe

[ozzy47]

Not by default, that would require a edit to the template.

[viliksar1]

Originally Posted by ozzy47

Not by default, that would require a edit to the template.

I would be grateful if you help to do it. I can put myself, but I do not know what exactly the pattern and where.

[ozzy47]

Where are you displaying the legend?

[viliksar1]

Originally Posted by ozzy47

Where are you displaying the legend?

I legend displayed in the middle.

[ozzy47]

Edit the template, ozzmodz_usergroup_legend_legend and find this bit of code ( it is in the template twice, change the second one, not the first one ):

{vb:raw group_legend}

And change it to this:

Legend: {vb:raw group_legend}

[viliksar1]

Originally Posted by ozzy47

Edit the template, ozzmodz_usergroup_legend_legend and find this bit of code ( it is in the template twice, change the second one, not the first one ):

{vb:raw group_legend}

And change it to this:

Legend: {vb:raw group_legend}

Thank you!

[ozzy47]

Not a problem, glad to help.

[greenlinenshirt]

Is it possible to not have the spacer show up before the 1st usergroup?

•
~
-
/
|

Right now it looks like this:

| Administrators | Mega Moderators | Moderators | Players

I'd like it to show like this:

Administrators | Mega Moderators | Moderators | Players

[reesev]

anyway to make this work with

Ultimate Usergroup HTML Markup Customizer by VbNinja

https://vborg.vbsupport.ru/showthread.php?t=311371

[tbworld]

It would be more helpful, and your request taken more seriously, if you provided more details. Just trying to help.