Ok. Leave this like it is now.
But it isn't just because vB have... It's because I like and the forum would have better look!
Have a look at the bottom of this forum here. Did you mean something like that?
EXACTLY WHAT I WANT!!!
AWESOME!!
Ok, cos I wanted to make sure that that is what you wanted.
Can you copy/paste here the contents of the following templates:
index_boardstats, index_stats and index_whosonline.
index_boardstats
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead>
<tr>
<td class="thead">
<div class="expcolimage"><img src="{$theme['imgdir']}/collapse{$collapsedimg['boardstats']}.gif" id="boardstats_img" class="expander" alt="[-]" title="[-]" /></div>
<div><strong>{$lang->boardstats}</strong></div>
</td>
</tr>
</thead>
<tbody style="{$collapsed['boardstats_e']}" id="boardstats_e" >
{$whosonline}
{$todays_top_posters}
{$birthdays}
{$forumstats}<!-- ASOI_3_I_B -->
<tr>
<td class="tfoot" style="text-align: right">
<span class="smalltext">
{$logoutlink}
<a href="misc.php?action=markread">{$lang->markread}</a> |
<a href="showteam.php">{$lang->forumteam}</a> |
<a href="stats.php">{$lang->forumstats}</a>
</span>
</td>
</tr>
</tbody>
</table>
<br />
index_stats
<script type='text/javascript'>
function showstats()
{
if (document.getElementById('stats').style.display == 'none')
{
document.getElementById('stats').style.display='table-row';
}
else
{
document.getElementById('stats').style.display='none';
}
}
</script>
<tr ><td class="tcat" c><span class="smalltext"><strong>{$lang->boardstats}</strong> [<a style='cursor:pointer'onClick='showstats()'>Show/Hide</a>]</span></td></tr>
<tr id='stats'>
<td class="trow1"><span class="smalltext">
{$lang->stats_posts_threads}<br />
{$lang->stats_numusers}<br />
{$lang->stats_newestuser}<br />
{$lang->stats_mostonline}
</span>
</td>
</tr>
index_whosonline
<tr>
<td class="tcat"><span class="smalltext"><strong>{$lang->whos_online}</strong> [<a href="online.php">{$lang->complete_list}</a>]</span></td>
</tr>
<tr>
<td class="trow1"><span class="smalltext">{$lang->online_note}<br />{$onlinemembers}</span></td>
</tr>
<th class="tcat" width="100%"><span class="smalltext">UserGroup Legend</th>
</tr>
Legends Group 
(all this code goes under the index_whosonline latest </tr>)
<tr>
<td class="trow1" valign="top" align="left" width="100%"><span class="smalltext">
<span style="color: blue;"><strong>Administrators</strong></span> •
<span style="color: green;"><strong>Global Moderators</strong></span> •
<span style="color: red;"><strong>Sectional Moderators</strong></span> •
<span style="color: black;"><strong>Veteran</strong></span> •
<span style="color: purple;"><strong>Donators</strong></span> •
<span style="color: orange;"><strong>RSS Bot</strong></span></tr>
Replace your index_whosonline template with the following:
<tr>
<td class="tcat" colspan="2"><strong>{$lang->whos_online}</strong> [<a href="online.php">{$lang->complete_list}</a>]</td>
</tr>
<tr>
<td class="trow2" style="width:30px;" align="center"><img src="$theme[imgdir]/online.gif" alt="{$lang->whos_online}" /></td>
<td class="trow1"><span class="smalltext">{$lang->online_note}<br />{$onlinemembers}</span></td>
</tr>
And name your image online.gif and upload it to your images directory.
Next replace your index__stats template with the following:
<tr>
<td class="tcat" colspan="2"><a href="stats.php"><strong>{$lang->boardstats}</strong></a></td>
</tr>
<tr>
<td class="trow2" style="width:30px;" align="center"><img src="$theme[imgdir]/stats.gif" alt="{$lang->boardstats}" /></td>
<td class="trow1"><span class="smalltext">
{$lang->stats_posts_threads}<br />
{$lang->stats_numusers}<br />
{$lang->stats_newestuser}<br />
{$lang->stats_mostonline}
</span>
</td>
</tr>
And name your image stats.gif and upload it to your images directory.
And as last but not least, replace your index_boardstats template with the following:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead>
<tr>
<td class="thead" colspan="2">
<div><strong><a href="stats.php">{$lang->boardstats}</a></strong></div>
</td>
</tr>
</thead>
{$whosonline}
{$birthdays}
{$forumstats}
</table>
<br />
The end result can be seen at the attached screenshot below as I removed it from here.
Let me know how it will go. And don''t forget to readd your custom group legend code as well.
Look what I got:
[attachment=82]
Did you make the changes properly cos it works fine as shown at the image I atatched above. I just doubled checked and again it worked ok.
P.s. And as I said above, if you have custom changes made to those templates, you will have to first undo them and then redo them again.
Codes that I used:
index_whosonline
<tr>
<td class="tcat" colspan="2"><strong>{$lang->whos_online}</strong>[<a href="online.php">{$lang->complete_list}</a>]</td>
</tr>
<tr>
<td class="trow2" style="width:30px;" align="center"><img src="$theme[imgdir]/online.png" alt="online" /></td>
<td class="trow1"><span class="smalltext">{$lang->online_note}<br />{$onlinemembers}</span></td>
</tr>
index_boardstats:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead>
<tr>
<td class="thead" colspan="2">
<div class="expcolimage"><img src="{$theme['imgdir']}/collapse{$collapsedimg['boardstats']}.gif" id="boardstats_img" class="expander" alt="[-]" title="[-]" /></div>
<div><strong>{$lang->boardstats}</strong></div>
</td>
</tr>
</thead>
<tbody style="{$collapsed['boardstats_e']}" id="boardstats_e" >
{$whosonline}
{$todays_top_posters}
{$birthdays}
{$forumstats}<!-- ASOI_3_I_B -->
<tr>
<td class="tfoot" style="text-align: right">
<span class="smalltext">
{$logoutlink}
<a href="misc.php?action=markread">{$lang->markread}</a> |
<a href="showteam.php">{$lang->forumteam}</a> |
<a href="stats.php">{$lang->forumstats}</a>
</span>
</td>
</tr>
</tbody>
</table>
<br />
index_stats:
<script type='text/javascript'>
function showstats()
{
if (document.getElementById('stats').style.display == 'none')
{
document.getElementById('stats').style.display='table-row';
}
else
{
document.getElementById('stats').style.display='none';
}
}
</script>
<tr ><td class="tcat" colspan="2"><span class="smalltext"><strong>{$lang->boardstats}</strong> [<a style='cursor:pointer'onClick='showstats()'>Show/Hide</a>]</span></td></tr>
<tr id='stats'>
<td class="trow2" style="width:30px;" align="center"><img src="$theme[imgdir]/stats.gif" alt="{$lang->boardstats}" /></td>
<td class="trow1"><span class="smalltext">
{$lang->stats_posts_threads}<br />
{$lang->stats_numusers}<br />
{$lang->stats_newestuser}<br />
{$lang->stats_mostonline}
</span>
</td>
</tr>
@skiilz, replace all the codes at the 3 templates I mentioned above with the codes of my previous post. I mean everything. Then readd your custom edits. it works 100%, as you saw t yourself yesterday when I had the edits made here.