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

[thenashy]

Originally Posted by ozzy47

Then you have not set the info correctly for the usergroups. This just reads from what is entered in the Username HTML Markup fields.

Found my mistake. Now using, thanks very much!

[ozzy47]

Excellent, glad to hear it is working for you now.

[ozzy47]

v1.1.2 Is Available!

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

Note: Remember to revert any template changes you may have made, in order to take advantage of the update.

I also made the necessary adjustments to the Arabic and Spanish versions, and added them to the original post.

Originally Posted by bzcomputers

As for the padding I just edited the template and added a margin-bottom:

style="margin-left:20px; margin-right:5px; margin-bottom:8px;" 
<vb:else /> 
style="margin-left:-25px; margin-right:5px; margin-bottom:8px;"

That has been added to this new version.

[winky8300]

thank you MR

[ozzy47]

Glad ya like it, and thanks for marking as installed.

[TNERatedEdge]

I just installed this up and once I refreshed my page I got a database error...

[ozzy47]

Was not from my mod, there was something else going on with the site. Remember to mark as installed.

[TNERatedEdge]

The creator helped me...and is AWESOME

Thank you!!

[ozzy47]

Not a problem, glad to help, and thanks for marking as installed.

[Markos]

Hi i cant get it to work in VB 4.2.2

I can get admin and mods and users but cant get my other user groups to show ive added the code to additional.css but still doesnt add them

Any help would be great