lines in the 'online users' box

I want to add lines so that image 1 become like image 2.
How do I have to change the code?
Thanks

[/url]http://img146.echo.cx/img146/8613/12fo1.jpg

[url="http://img146.echo.cx/img146/2964/26cs.jpg"]http://img235.echo.cx/img235/6871/immagine51un.jpg (http://www.imageshack.us/)

This is the code:


<!-- logged-in users -->
<tbody>
<tr>
<td class="thead" colspan="2">
<a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumhome_activeusers')"><img id="collapseimg_forumhome_activeusers" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_forumhome_activeusers].gif" alt="" border="0" /></a>
<a href="online.php?$session[sessionurl]">$vbphrase[currently_active_users]</a>: $totalonline (<phrase 1="$numberregistered" 2="$numberguest">$vbphrase[x_members_and_y_guests]</phrase>)
</td>
</tr>
</tbody>
<tbody id="collapseobj_forumhome_activeusers" style="$vbcollapse[collapseobj_forumhome_activeusers]">
<tr>
<td class="alt2"><a href="online.php?$session[sessionurl]"><img src="$stylevar[imgdir_misc]/whos_online.gif" alt="$vbphrase[view_whos_online]" border="0" /></a></td>
<td class="alt1" width="100%">
<div class="smallfont">
<div style="white-space: nowrap"><phrase 1="$recordusers" 2="$recorddate" 3="$recordtime">$vbphrase[most_users_ever_online_was_x_y_at_z]</phrase>
<br /> <br />

<b>Legenda colori:</b>
<font class="smallfont" color="red">Amministratore</font> -
<font class="smallfont" color="blue">Moderatore</font> -
<font class="smallfont" color="#FF7F01">Grafico</font> -
<font class="smallfont" color="blue"><i>Moderatore del mese</i></font> -
<font class="smallfont" color="#008000">Interfan del mese</font> -
<font class="smallfont" color="#000000">Utente</font>

<br />
<br />
</div>
<div><b>Utenti Online:</b> $activeusers</div>
</div>
</td>
</tr>
</tbody>
<!-- end logged-in users -->

Add html to the user group settings.