Кнопочка

Сбоку форума кнопка на которую когда кликаеш, то она разворачивается)
Например статистика и т.п.

Кнопка кто в сети [phpBB2]

Туториал позволяет вывести кнопку на главную страницу и на портал для удобного и быстрого просмотра кто на форуме.

Для этого идём в ПА - Модули - HTML & JAVASCRIPT - Управление кодами Javascript
Создаём новый Javascript
Название * : Кто на форуме
Расположение : В оглавлении. На портале.
Код Javascript * : вставляем скрипт:

Код:

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

Жмём ОК.

Далее идём в ПА - Оформление - Шаблоны - Общие настройки
открываем шаблон index_body (Главная страница) и в самый низ ставим код всплывающего блока:

Код:

<!--кто на форуме-->
<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">

<p>{TOTAL_USERS_ONLINE}</p>
 <hr />      
<p>{LOGGED_IN_USER_LIST}</p>
      
</div></div>
<!-- окончание кто на форуме-->

Сохраняем и опубликовываем шаблон.

То же самое делаем в шаблоне портала.
Шаблоны - Портал
открываем шаблон portal_body (Портал) и ставим туда этот код в самый низ.

Теперь идём в CSS и ставим коды расположения и оформления всплывающего блока:

Код:

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

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

Сохраняем.