Legend Code

First topic message reminder :

Can I please have a code that is like the Forumotion Support navbar and statistics?

A black strip that has each group on it in bigger text like the navbar.

Example:

_________________________________________________________________

Administrators Moderators Engineers Designers Helpers Platinum Members
_________________________________________________________________

Except the strip is black, no brackets or other words other than the groups and the group colors stay the same.

Bump.

Ok so go to your index_body
find (to the default tempalte) this code:

Code: <em>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</em>

and remove it. Now search for this code:

Code: <!-- BEGIN switch_legend -->

and under that (hit enter and paste) add this code:

Code: <center><em><span id="LegendS">{GROUP_LEGEND}</span></em></center><br /><br /><Br />

Save and publish the template.

Now go to your CSS and add the below code:

Code:

#LegendS{font-size:0;}
#LegendS:before {
content:" ";
font-size:11px;
font-style:normal;
}
#LegendS b:hover{transition:600ms;border-bottom:3px solid transparent}
#LegendS b {transition:600ms;
font-size: 13px;
font-style: normal;
border-bottom: 3px solid #101010;
margin-left: 10px;
margin-right: 10px;
text-align: center;
}
#LegendS b:after {
content:" ";
font-weight:normal;
}
#LegendS b:last-child:after {content:"";}

and save it. Doing these steps will give you this result:

And this will be outside of the Who Is Online box!

Thank you very much! Will it still have the background stripe?

The background stripe? What do you mean? The lines on the top and the bottom?

They grey stripe behind the text.

Well in that case, replace this code i sent before:

Code: <center><em><span id="LegendS">{GROUP_LEGEND}</span></em></center><br /><br /><Br />

with this one instead:
That should do it!

Code: <center style="background:#222;"><em><span id="LegendS">{GROUP_LEGEND}</span></em></center><br /><br /><Br />