(http://aplicimagens.info/image-91E1_524E4E7B.jpg)
Quando você mantém o ponteiro do mouse sobre as caixas, agora escreve sobre o grupo de membros.
Abrir o ficheiro e Pesquisar
index.template.php
</head>
<body>;
Adicionar em cima da Pesquisa
<script type="text/javascript">
//<![CDATA[
var legendtext = [];
legendtext[0] = \'Members\';
legendtext[1] = \'<span style="font-weight: bold;">1000 Clube de Postes </span>\';
legendtext[2] = \'<span style="font-weight: bold; color: #ff0000;">Vip</span>\';
legendtext[3] = \'<span style="font-weight: bold; color: #008000;">Moderador</span>\';
legendtext[4] = \'<span style="font-weight: bold; color: #ffa500;">Super Moderador</span>\';
legendtext[5] = \'<span style="font-weight: bold; color: #9999DD;">Communidade de Administrador</span>\';
legendtext[6] = \'<span style="font-weight: bold; color: #2b65ec;">Administrador</span>\';
function updateLegend(i) {
document.getElementById("memberlegend").innerHTML = legendtext[i];
}
function clearLegend() {
document.getElementById("memberlegend").innerHTML = "";
}
//]]>
</script>
BoardIndex.template.php
Pesquisar por
// Assuming there ARE users online... each user in users_online has an id, username, name, group, href, and link.
if (!empty($context['users_online']))
echo '
', $txt[140], ':<br />', implode(', ', $context['list_users_online']);
Adicionar por Baixo
echo '
<div style="float:left;"<br><b><br>SMFPT Grupo de Membros     </div><br>
<div class="tborder" style="float:left;height:8px;width:8px;padding:2px;" onMouseOver="updateLegend(0)"
onMouseOut="clearLegend()">
<div class="tborder" style="height:8px;width:30px;background:#999999;"></div>
</div>
<div style="float:left;"> </div>
<div class="tborder" style="float:left;height:8px;width:8px;padding:2px;" onMouseOver="updateLegend(1)"
onMouseOut="clearLegend()">
<div class="tborder" style="height:8px;width:30px;background:#999999;"></div>
</div>
<div style="float:left;"> </div>
<div class="tborder" style="float:left;height:8px;width:8px;padding:2px;" onMouseOver="updateLegend(2)"
onMouseOut="clearLegend()">
<div class="tborder" style="height:8px;width:30px;background:#ff0000;"></div>
</div>
<div style="float:left;"> </div>
<div class="tborder" style="float:left;height:8px;width:8px;padding:2px;" onMouseOver="updateLegend(3)"
onMouseOut="clearLegend()">
<div class="tborder" style="height:8px;width:30px;background:#008000;"></div>
</div>
<div style="float:left;"> </div>
<div class="tborder" style="float:left;height:8px;width:8px;padding:2px;" onMouseOver="updateLegend(4)"
onMouseOut="clearLegend()">
<div class="tborder" style="height:8px;width:30px;background:#ffa500;"></div>
</div>
<div style="float:left;"> </div>
<div class="tborder" style="float:left;height:8px;width:8px;padding:2px;" onMouseOver="updateLegend(5)"
onMouseOut="clearLegend()">
<div class="tborder" style="height:8px;width:30px;background:#9999DD;"></div>
</div>
<div style="float:left;"> </div>
<div class="tborder" style="float:left;height:8px;width:8px;padding:2px;" onMouseOver="updateLegend(6)"
onMouseOut="clearLegend()">
<div class="tborder" style="height:8px;width:30px;background:#2b65ec;"></div>
</div>
<div style="float:left;width:10px;height:1px;"> </div>
<div style="float:left;" id="memberlegend"></div>';