Кто сейчас на форуме

автор Nika-2 Март 14th 2013, 23:44

Подскажите как сделать такую кнопку.
Как у Домового
�� - Кто сейчас на форуме Rorror

Мне нужно таких 4, чтоб они столбиком стояли.

автор Nika-2 Март 17th 2013, 12:53

Сделала кнопку. а вот как туда вставить виджет, кто сейчас на форуме, никак не пойму(((

автор Домовой Март 17th 2013, 13:10

Кнопка кто в сети [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; /*стиль рамки окна*/ -moz-border-radius:8px; -khtml-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; box-shadow:0 0 20px 3px #BA1223; -webkit-box-shadow:0 0 20px 3px #BA1223; -moz-box-shadow:0 0 20px 3px #BA1223; padding:1px 7px 1px 7px; }

Сохраняем.

автор Nika-2 Март 17th 2013, 13:34

Кто сейчас на форуме

Кто сейчас на форуме

Re: Кто сейчас на форуме

Re: Кто сейчас на форуме

Re: Кто сейчас на форуме