Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Поделиться ссылкой

Мы в социальных сетях



- Правила форума -

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: JPG-Net Видео фоторедактор Транслит
Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

Кнопочка

Предыдущая тема Следующая тема Перейти вниз

Кнопочка

Сообщение автор ghgg в Вс 11 Дек - 23:50

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

ghgg
 
 

Сообщения : 80
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2011-09-05

http://inonline.forum2x2.ru

Вернуться к началу Перейти вниз

Re: Кнопочка

Сообщение автор Домовой в Пн 12 Дек - 0:53


Домовой
 
 

Пол : Мужчина
Сообщения : 6973
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

Вернуться к началу Перейти вниз

Re: Кнопочка

Сообщение автор Домовой в Пн 12 Дек - 0: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;
}
Сохраняем.

Домовой
 
 

Пол : Мужчина
Сообщения : 6973
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения