Кнопка «Кто сейчас на форуме»

Код:

<a href="http://navoloki.sosbb.ru/viewonline"><img src="ссылка на картинку-кнопку" /></a>

Наши пользователи оставили сообщений: 1134

Всего зарегистрированных пользователей: 108

Последний зарегистрированный пользователь: ZaRus

Сейчас посетителей на форуме: 2, из них зарегистрированных: 0, скрытых: 0 и гостей: 2

Больше всего посетителей (10) здесь было Сб 12 Май 2012 - 22:08

Зарегистрированные пользователи: Нет

Пользователи, побывавшие на форуме в последние 24 часа(ов) kvakin19, Mihei, Nikon D90, Portero, VladZ, Y.nby, Витальич, Забытый, Надежда Вячеславовна, Николай, Я Светлана

Сегодня дней рождения нет

Пользователи, отмечающие свой день рождения в ближайшие 7 дней: Николай (20)

Код:

<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="catHead" colspan="2" height="28">
      <!-- BEGIN switch_viewonline_link -->
      <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
      <!-- END switch_viewonline_link -->

      <!-- BEGIN switch_viewonline_nolink -->
      <span class="cattitle">{L_WHO_IS_ONLINE}</span>
      <!-- END switch_viewonline_nolink -->
      </td>
   </tr>
   <tr>
      <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
      <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}</span></td>
   </tr>
   <tr>
      <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}</span></td>
   </tr>
   {L_CONNECTED_MEMBERS}
   {L_WHOSBIRTHDAY_TODAY}
   {L_WHOSBIRTHDAY_WEEK}
   <tr>
      <td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
   </tr>
   <!-- BEGIN switch_chatbox_activate -->
   <tr>
      <td class="row1">
         <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
            <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
            //<![CDATA[
            insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            //]]>
            </script>
            <!-- END switch_chatbox_popup -->
         </span>
      </td>
   </tr>
   <!-- END switch_chatbox_activate -->
</table>
<!-- END disable_viewonline -->

Код:

<!--кто на форуме-->
<div class="stat"  style="position:fixed; left: 2px; top:30%;">
<div class="statbutton"><img src="http://r28.imgfast.net/users/2814/33/31/58/album/55555510.png" title="Кто на форуме" alt="Кто на форуме"></div><div style="DISPLAY: none; position: absolute;" class="statCont">

<span>{TOTAL_POSTS}<br />
{TOTAL_USERS}<br /><hr />
{NEWEST_USER}</span><br /><hr />
<span>{TOTAL_USERS_ONLINE}<br /><hr />
{RECORD_USERS}<br />
{LOGGED_IN_USER_LIST}</span>
       
</div></div>
<!-- окончание кто на форуме-->

Код:

$(document).ready(function(){
 $('.statbutton').click(function(){
    $(this).parent().children('div.statCont').toggle('normal');
      return false;
    });
  });

Код:

/*Кто на форуме*/
.stat {
position:relative;
width:59px; /*ширина кнопки*/
height:59px; /*высота кнопки*/
}

.stat div.statCont {
position:absolute;
font-size:12px; /*размер шрифта*/
width: 500px!important; /*ширина блока*/
height:auto;
background-color:#F2E3E1 !important; /*фон окна*/
z-index: 999;
margin-left:15px; /*отступ окна от левого края форума*/
margin-top:5px; /*отступ окна от кнопки*/
border:1px solid #1E90FF; /*стиль рамки окна*/
-moz-border-radius:8px;
-khtml-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
box-shadow:0 0 20px 3px #1E90FF;
-webkit-box-shadow:0 0 20px 3px #1E90FF;
-moz-box-shadow:0 0 20px 3px #1E90FF;
padding:7px;
}