Member Legend

[simply sibyl]

There are 2 Options.
Option 1  Colored Membergroup Name
Option 2  Colored Membergroup Name and a small image


Option 1:   Colored Membergroup Name

Put this at the top of your FOOTER

Code:

<div class="tborder" style="position: relative; top: -14px;">
<table border="0" width="100%" cellspacing="1" cellpadding="4" class="bordercolor">
<tr>
<td class="titlebg" colspan="2">Member Legend</td>
</tr>
<tr>
<td class="windowbg" width="20" valign="middle" align="center">
<img src="http://www.smfboards.com/Themes2/default/images/icons/profile_sm.gif" />
</td>
<td class="windowbg2" width="100%"><small>

[<font color=COLOR>MEMBERGROUP NAME</font>]&nbsp;
[<font color=COLOR>MEMBERGROUP NAME</font>]&nbsp;
[<font color=COLOR>MEMBERGROUP NAME</font>]&nbsp;
[<font color=COLOR>MEMBERGROUP NAME</font>]&nbsp;
[<font color=COLOR>MEMBERGROUP NAME</font>]&nbsp;

</td>
</tr>
</table>
</div>

Replace COLOR with the color you want the Membergroup Name to show up as
Replace MEMBERGROUP NAME with the name of the Membergroup

Add more of these lines if you need them:

Code:

[<font color=COLOR>MEMBERGROUP NAME</font>]&nbsp;

Option 2:   To do this using a small image along with the Membergroup Name:

Put this at the top of your FOOTER

Code:

<div class="tborder" style="position: relative; top: -14px;">
<table border="0" width="100%" cellspacing="1" cellpadding="4" class="bordercolor">
<tr>
<td class="titlebg" colspan="2">Member Legend</td>
</tr>
<tr>
<td class="windowbg" width="20" valign="middle" align="center">
<img src="http://www.smfboards.com/Themes2/default/images/icons/profile_sm.gif" />
</td>
<td class="windowbg2" width="100%"><small>

<img src='IMAGE URL' /><font color=COLOR>MEMBERGROUP NAME</font>&nbsp;
<img src='IMAGE URL' /><font color=COLOR>MEMBERGROUP NAME</font>&nbsp;
<img src='IMAGE URL' /><font color=COLOR>MEMBERGROUP NAME</font>&nbsp;
<img src='IMAGE URL' /><font color=COLOR>MEMBERGROUP NAME</font>&nbsp;
<img src='IMAGE URL' /><font color=COLOR>MEMBERGROUP NAME</font>&nbsp;

</td>
</tr>
</table>
</div>

Replace IMAGE URL with the image url
Replace COLOR with the color you want for that membergroup in the list
Replace MEMBERGROUP NAME with the name of the membergroup

Add more of these lines if you need them:

Code:

<img src='IMAGE URL' /><font color=COLOR>MEMBERGROUP NAME</font>&nbsp;

NOTE:   Because this is straight HTML and not a script it will put this on every page on your forum.
             I dont think it looks that bad if it does and the benefit is not using scripting to do it.