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

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


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

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

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


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

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Новый скрипт : Сворачивающиеся и разворачивающиеся виджеты форума

Страница 3 из 3 Предыдущий  1, 2, 3

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

Новый скрипт : Сворачивающиеся и разворачивающиеся виджеты форума

Сообщение автор Luz в Вт 5 Окт - 14:37

Первое сообщение в теме :

Сворачивающиеся и разворачивающиеся виджеты форума

Для чего это нужно?

Этот скрипт позволит вашим пользователям "сворачивать" (скрывать) или же, наоборот, оставлять для просмотра колонку виджетов вашего форума по своему усмотрению. Вы можете протестировать эту функцию на нашем форуме :



Внимание: этот скрипт отлажен для версий PHPBB3, INVISION и PUNBB.
Для версии PHPBB2 он может работать, но пока не отлажен.

Как это будет работать?

Установить этот скрипт очень легко - для его установки не нужен доступ к шаблонам. Однако в зависимости от положения виджетов на форуме (слева или справа) он устанавливается по-разному.

Скрипт запоминает ваш выбор даже при переходе на другие страницы форума и при обновлении страницы. Вы можете изменить режим показа, снова щелкнув по стрелочке или же очистив кэш браузера.

Внимание : данный скрипт не будет действовать, если на вашем форуме виджеты установлены и слева, и справа !

Установка скрипта

Для того, чтобы установить скрипт, вы должны создать два персональных виджета:

ПА Модули Портал & Виджеты Виджеты главной страницы
Создать персональный виджет






Скрипт состоит из двух частей, каждая из которых будет помещена в свой виджет.
Один из этих виджетов надо будет потом установить сверху, над всеми вашими виджетами, а другой - снизу, под всеми виджетами.

Когда вы щелкните по кнопке "Создать персональный виджет", откроется страница редактирования виджета :



Имя виджета ► Вы можете выбрать любое имя, для простоты на этом форуме мы назвали их "Первый виджет" и "Последний виджет".

Использовать стандартный шаблон ► нет

Название виджета ► оставьте это поле пустым.

Содержание виджета ► Вставьте сюда коды, приведенные ниже - свой код для каждого виджета и в зависимости от положения ваших виджетов (слева или справа).

Скрипт

Для форумов с виджетами в левой колонке:

Для "Первого виджета" (то есть виджета, который вы поставите в самом верху, над всеми вашими виджетами) добавьте в поле "Содержание виджета" следующий код:
Код:

<div id="forum-widget" style="height: 13px; width: 16px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; cursor: pointer; position: absolute; background: #f5ebf7 url(http://i13.servimg.com/u/f13/16/54/26/99/arrow_10.png) no-repeat 0 -13px;" onClick="jQuery('#left').animate({width:'toggle',height:'toggle',opacity:'toggle'},1000); if(my_getcookie('forum-widget')=='0') { my_setcookie('forum-widget','1',0,0); jQuery('#forum-widget').css('background-position','0 -13px'); } else { my_setcookie('forum-widget','0',1,0); jQuery('#forum-widget').css('background-position','0 0px'); }"></div>

Вы можете изменить значение элементов #f5ebf7 и http://i13.servimg.com/u/f13/16/54/26/99/arrow_10.png в соответствии с дизайном вашего форума.

Код #f5ebf7 определяет фоновый цвет стрелки, ссылка http://i42.tinypic.com/vg54yu.png отвечает за изображение стрелки.

Для "Последнего виджета" (то есть виджета, который вы поставите в самом конце, под всеми виджетами) добавьте в поле "Содержание виджета" следующий код:

Код:
<script type="text/javascript"> jQuery('#forum-widget').insertBefore('#left'); if(my_getcookie('forum-widget')=='0') {jQuery('#left').animate({width:'toggle',height:'toggle',opacity:'toggle'},0); jQuery('#forum-widget').css('background-position','0 0px'); } </script>

Для форумов с виджетами в правой колонке:

Для "Первого виджета" (то есть виджета, который вы потом поставите в самом верху, над всеми вашими виджетами) добавьте в поле "Содержание виджета" следующий код:

Код:
<div id="forum-widget" style="cursor: pointer; height: 13px; width: 16px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; position: relative; bottom: -15px; float: right; background: #f5ebf7 url(http://i13.servimg.com/u/f13/16/54/26/99/arrow_10.png) no-repeat 0 -13px;" onClick="jQuery('#right').animate({width:'toggle',height:'toggle',opacity:'toggle'},1000); if(my_getcookie('forum-widget')=='0') { my_setcookie('forum-widget','1',0,0); jQuery('#forum-widget').css('background-position','0 -13px'); jQuery('#content-container div#content').css('margin-right','189px');} else { my_setcookie('forum-widget','0',1,0); jQuery('#forum-widget').css('background-position','0 0px'); jQuery('#content-container div#content').css('margin-right','0px'); }"></div>


Вы можете изменить значение элементов #f5ebf7 и http://i13.servimg.com/u/f13/16/54/26/99/arrow_10.png в соответствии с дизайном вашего форума.

Код #f5ebf7 определяет фоновый цвет стрелки, ссылка http://i13.servimg.com/u/f13/16/54/26/99/arrow_10.png отвечает за изображение стрелки.


Для "Последнего виджета" (то есть виджета, который вы потом поставите в самом конце, под всеми виджетами) добавьте в поле "Содержание виджета" следующий код:

Код:
<script type="text/javascript"> jQuery('#forum-widget').insertBefore('#right'); if(my_getcookie('forum-widget')=='0') {jQuery('#right').animate({width:'toggle',height:'toggle',opacity:'toggle'},0); jQuery('#forum-widget').css('background-position','0 0px'); jQuery('#content-container div#content').css('margin-right','0px');} </script>


Установка виджетов на форум

После того, как вы создали виджеты, вы должны установить их на ваш форум:

ПА ► Модули ► Портал & Виджеты ► Виджеты главной страницы
Выберите вкладку "Персональные виджеты, найдите два созданных вами только что виджета и перетащите их мышкой на нужное место - то есть "Первый виджет" на самый верх, "Последний виджет " - в самый низ. Не забудьте нажать на "Сохранить"




Все готово! Перейдите на страницы форума и проверьте, как это работает

© Данный туториал создан на основе туториала, написанного командой англоязычного форума поддержки нашего сервиса help.forumotion.com. Любая публикация этого материала без нашего разрешения запрещается.


Последний раз редактировалось: Luz (Чт 21 Окт - 11:25), всего редактировалось 2 раз(а)



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Luz
Администратор
Администратор

Женщина

Сообщения : 16477
Возраст : 43
Регистрация : 2005-03-01
Благодарности : 2569

Без предупреждений

http://help.forum2x2.ru

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


Re: Новый скрипт : Сворачивающиеся и разворачивающиеся виджеты форума

Сообщение автор K13 в Чт 21 Окт - 0:36

Отобой, сейчас с панелью все получилось. По методу, который указан выше в сообщениях.
Единственное, почему-то при обновлении панель опять появляется, хоть и написано, что будет запоминать.

K13
Новичок

Сообщения : 13
Регистрация : 2010-06-11

http://kazvehi.sosbb.ru/forum.htm

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

Re: Новый скрипт : Сворачивающиеся и разворачивающиеся виджеты форума

Сообщение автор Dana Domirani в Чт 21 Окт - 0:48

Подправьте скрипт в нижнем виджете - замените на этот:
Код:
<script type="text/javascript"> jQuery('#forum-widget').insertBefore('#left'); if(my_getcookie('forum-widget')=='0') {jQuery('#left').animate({width:'toggle',height:'toggle',opacity:'toggle'},0); jQuery('#forum-widget').css('background-position','0 0px'); jQuery('#content-container div#content').css('margin-right','0px');} </script>



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22444
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9045

Без предупреждений

http://poltergeist-legacy.com/

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

Re: Новый скрипт : Сворачивающиеся и разворачивающиеся виджеты форума

Сообщение автор K13 в Чт 21 Окт - 1:48

Получилось.
Последний вопрос.
Неожиданно эта панель стала как бы "поверх форума". Т.е. форум не сжимается. Попробовал отключить все, однако даже нескрывающаяся панель стала поверх форума.


K13
Новичок

Сообщения : 13
Регистрация : 2010-06-11
Благодарности : 0

Без предупреждений

http://kazvehi.sosbb.ru/forum.htm

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

Re: Новый скрипт : Сворачивающиеся и разворачивающиеся виджеты форума

Сообщение автор kpripper в Ср 24 Ноя - 14:28

Никто не замечал подвисания браузера после установки скриптов ?

kpripper
 

Мужчина

Сообщения : 428
Возраст : 34
Регистрация : 2009-08-06
Благодарности : 3

Без предупреждений

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

Re: Новый скрипт : Сворачивающиеся и разворачивающиеся виджеты форума

Сообщение автор Лого в Пт 3 Дек - 14:50

на ВВ2 не работает?
avatar
Лого
 

Сообщения : 35
Регистрация : 2010-12-02
Благодарности : 0

Без предупреждений

http://narutoklass.web-rpg.org/forum.htm

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

Re: Новый скрипт : Сворачивающиеся и разворачивающиеся виджеты форума

Сообщение автор master в Пт 3 Дек - 19:11

Внимание: этот скрипт отлажен для версий PHPBB3, INVISION и PUNBB.
Для версии PHPBB2 он может работать, но пока не отлажен.
avatar
master
Активист

Мужчина

Сообщения : 1017
Возраст : 20
Регистрация : 2008-04-06
Благодарности : 121

Без предупреждений

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

Re: Новый скрипт : Сворачивающиеся и разворачивающиеся виджеты форума

Сообщение автор alexx-demko в Пн 17 Янв - 12:43

Dana Domirani пишет:Сверху и снизу? это отображение блоков виджетов, в которых находится скрипт. Поставьте в их настройках: использовать стандартный шаблон - нет.

скажите пожалуйста, вы не смотрели и не думали над тем скриптом, что-бы по умолчания виджеты были свернуты?
avatar
alexx-demko
 

Мужчина

Сообщения : 243
Возраст : 31
Регистрация : 2010-10-31
Благодарности : 4

Без предупреждений

http://krasn-zoo.forum2x2.ru

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

Re: Новый скрипт : Сворачивающиеся и разворачивающиеся виджеты форума

Сообщение автор spirale в Чт 3 Фев - 23:47

А куда можно копнуть, если стрелочки неактивны? Сделала в сочетании с кодом отсюда http://help.forum2x2.ru/t13940-topic, колонка по умолчанию спрятана, но и не открывается по нажатию на стрелку. Если код из css убрать, колонка видна всегда, стрелочка отображается "для разворачивания" и она так же неактивна, т.е. колонку свернуть нельзя. Форум BB2, колонка справа.

spirale
 

Женщина

Сообщения : 42
Возраст : 31
Регистрация : 2009-11-02
Благодарности : 4

Без предупреждений

http://www.snailclub.ru

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

Re: Новый скрипт : Сворачивающиеся и разворачивающиеся виджеты форума

Сообщение автор kpripper в Сб 19 Мар - 13:51

Отладьте плиз для ВВ2.


kpripper
 

Мужчина

Сообщения : 428
Возраст : 34
Регистрация : 2009-08-06
Благодарности : 3

Без предупреждений

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

Re: Новый скрипт : Сворачивающиеся и разворачивающиеся виджеты форума

Сообщение автор alexx-demko в Вс 20 Мар - 6:22

spirale пишет:А куда можно копнуть, если стрелочки неактивны? Сделала в сочетании с кодом отсюда http://help.forum2x2.ru/t13940-topic, колонка по умолчанию спрятана, но и не открывается по нажатию на стрелку. Если код из css убрать, колонка видна всегда, стрелочка отображается "для разворачивания" и она так же неактивна, т.е. колонку свернуть нельзя. Форум BB2, колонка справа.

да, про эту тему так и забыли....
avatar
alexx-demko
 

Мужчина

Сообщения : 243
Возраст : 31
Регистрация : 2010-10-31
Благодарности : 4

Без предупреждений

http://krasn-zoo.forum2x2.ru

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

Страница 3 из 3 Предыдущий  1, 2, 3

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


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