User Legend - Blocks

[Brian]

storage.proboards.com/library/1RWt9409HI1OVMRwxKq8.png

[Brian]

• Custom name
• Height, width, border color, and spacing for all blocks
• Click and drag reordering of ranks
• Make rank names adopt the same colors as their blocks, or have them use the theme's default text color so they don't clash with your background colors

[Brian]

Fill out each of the plugin's fields as you see fit.

• The Legend Name appears below the user legend.
• The Border Color determines the outline color of each colored square in the user legend.
• The Button Width determines the width of each colored square.
• The Button Height determines the height of each colored square.
• The Button Spacing determines how much space is between each colored square.
• The Enable Rank Text Colors option makes each rank name that shows up when hovering over a square inherit the color of its corresponding square.

Enter each of your forum's ranks into the Rank Name column and specify each of their colors in the Rank Color field.

Place the following code anywhere you want the legend to appear on your forum:

<div id="user-legend"></div>

This code can only be used once on a single page. Multiple instances of the code will not show multiple user legends.

[Brian]

Hover your mouse over any of the colored squares where your user legend appears. Each square's corresponding rank will show above the user legend.