Кнопочка

автор ghgg Декабрь 11th 2011, 23:50

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

автор Домовой Декабрь 12th 2011, 00:53

https://help.forum2x2.ru/t21975-topic

автор Домовой Декабрь 12th 2011, 00:57

Кнопка кто в сети [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; }

Сохраняем.

Кнопочка

Кнопочка

Re: Кнопочка

Re: Кнопочка