Tooltip hiện thống kê diễn đàn

[hunghsmn]

Mỗi khi vào diễn đàn, thông tin đầu tiên mà mình muồn biết là có bao nhiêu người đang online, trong đó có những thành viên nào, có thành viên nào mới dăng ký ... Mình ngại kéo xuống tận cuối forum để xem nên cho nó lên đầu. Mà cho lên đầu thì xấu, do đó chỉ để mỗi chữ thống kê, rê chuột vào đó sẽ hiện tooltip với các số liệu thống kê như ở cuối diễn đàn:

[You must be registered and logged in to see this image.]

Code:

<tr valign="top">
        <td align="center" bgcolor="#CBDBF4"  height="22">

<style>
a.tooltip {outline:none; color: #FF0000;}
a.tooltip strong {line-height:24px;}
a.tooltip:hover {text-decoration:none;}
a.tooltip span { z-index:10;display:none;  margin-top:16px; margin-left: -400px;width: 760px; line-height:18px; }
a.tooltip:hover span{ display:inline; position:absolute; color:#FF0000; font-size: 18px; background:#fffAF0;}
</style>

<a href="#" class="tooltip"><b>Thống kê </b>
<span style="color: #0000A0; background: #FFFFEF; border-radius:5px; box-shadow: 3px 3px 5px #CCC;">
<Table  border ="0"  Width = "760">
    <TR style=" font-family: Times New Roman; font-size: 16px; background: #0000C0; color: #FFFFFF;" >
          <TD width="100% height="26" align="center">
<b>THỐNG KÊ DIỄN ĐÀN </b>
          </TD>
    </TR>

    <TR>
      <TD style="font-family: Times New Roman; padding:2px 8px; font-size: 14px;" align="justify">
 {TOTAL_POSTS}<br>
 {TOTAL_USERS}<br>
 {NEWEST_USER} <br>
 {TOTAL_USERS_ONLINE} <br>
 {RECORD_USERS}<br>
 {LOGGED_IN_USER_LIST}
 {TOTAL_CHATTERS_ONLINE} : <b>{CHATTERS_LIST}</b><br>

  (CODE flags counters của bạn)
    </span>
          </TD>
      </TR>
</Table>
</a>

</td>
      </tr>

Nếu có bạn nào có ý thích giống mình thì thêm CODE flags counters của bạn và các số liệu khác nữa rồi chèn vào trong table trên cùng của Index_body