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

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


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

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

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


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

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

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

Страница 1 из 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



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

Женщина

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

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

http://help.forum2x2.ru

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

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

Сообщение автор Изобретатель в Вт 5 Окт - 15:13

В некоторых случаях полезно. Спасибо.

Но вот вопрос для справки - этот скрипт на Форуме Форумов действует только для виджета "FAQ" верно?
А то на скринах с расположением виджетов "первый" и "последний" вроде еще виджеты захватывают.

13

Изобретатель
 

Мужчина

Сообщения : 2572
Регистрация : 2009-02-26
Благодарности : 215

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

http://turist.tosm-boa.com/

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

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

Сообщение автор Изобретатель в Вт 5 Окт - 15:30

Оо! А теперь все стало по "полной" работать! Вопрос почти снят. Спасибо!

Изобретатель
 

Мужчина

Сообщения : 2572
Регистрация : 2009-02-26
Благодарности : 215

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

http://turist.tosm-boa.com/

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

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

Сообщение автор Dana Domirani в Вт 5 Окт - 15:50

Замечательно! good



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


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


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



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

Женщина

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

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

http://poltergeist-legacy.com/

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

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

Сообщение автор Lіluna в Вт 5 Окт - 15:54

Красиво движется. Теперь надо такую настройку для каждого виджета отдельно.))

Lіluna
 

Женщина

Сообщения : 173
Регистрация : 2010-07-28
Благодарности : 21

1 предупреждение

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

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

Сообщение автор Изобретатель в Вт 5 Окт - 16:08

А у меня, готов поклясться - сперва вот тут на форуме форумов только верхний виджет двигался, а потом все стали. Чтой то было?

Изобретатель
 

Мужчина

Сообщения : 2572
Регистрация : 2009-02-26
Благодарности : 215

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

http://turist.tosm-boa.com/

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

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

Сообщение автор Изобретатель в Вт 5 Окт - 16:40

Кстати я оба скрипта запихнул в верхний виджет и все вроде бы нормально работает.
Пробовал и без "нижнего" скрипта - эффект одноразовый. Закрыл и все! Ну во всяком случае до перезагрузки страницы. Может кому и пригодится такой вариант. =)

Изобретатель
 

Мужчина

Сообщения : 2572
Регистрация : 2009-02-26
Благодарности : 215

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

http://turist.tosm-boa.com/

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

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

Сообщение автор miflan в Вт 5 Окт - 18:43

Отличное решение!)

miflan
Новичок

Мужчина

Сообщения : 8
Возраст : 35
Регистрация : 2009-11-21
Благодарности : 0

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

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

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

Сообщение автор Antony в Вт 5 Окт - 20:05

жаль, что почти на верняка работать будет лишь в половине браузеров: на движке Mozilla (Firefox, Camino..) и на WebKit (GChrome-Chromium, Safari...). Но не факт ибо юзаю хром и у мну все работает, чего и остальным желаю))

Antony
 

Мужчина

Сообщения : 281
Возраст : 25
Регистрация : 2009-06-20
Благодарности : 21

Забанен

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

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

Сообщение автор Sunnyta в Вт 5 Окт - 20:10

@Lіluna пишет:Красиво движется. Теперь надо такую настройку для каждого виджета отдельно.))
Неа, почитай ... там есть верхний и последний wink

Sunnyta
 

Сообщения : 1579
Регистрация : 2008-03-20
Благодарности : 63

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

http://www.sun-place.com/

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

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

Сообщение автор Изобретатель в Вт 5 Окт - 20:20

Кстати если их разместить относительно виджетов - типа рамочно - это не поможет. Все равно на все будет действовать. Правда я своими глазами видел исключение, но про это читайте в самых первых постах в этой теме. Ответа все равно нет.

Изобретатель
 

Мужчина

Сообщения : 2572
Регистрация : 2009-02-26
Благодарности : 215

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

http://turist.tosm-boa.com/

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

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

Сообщение автор mikel922 в Вт 5 Окт - 21:48

а не как его нельзя для разделов использовать?

mikel922
 

Мужчина

Сообщения : 156
Возраст : 19
Регистрация : 2010-08-09
Благодарности : 0

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

http://animator.forum2x2.ru

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

Автор этого сообщения в настоящий момент забанен. - Посмотреть сообщение

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

Сообщение автор Gamatos в Ср 6 Окт - 14:49

Очень страдает "Текущее время"


Gamatos
Активист

Мужчина

Сообщения : 1280
Возраст : 25
Регистрация : 2009-11-06
Благодарности : 188

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

http://www.forum2x2.ru/forum

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

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

Сообщение автор Изобретатель в Ср 6 Окт - 15:01

Надо просто убрать из скрипта фон. Картинку со стрелкой тоже можно сдвинуть немного вниз.

Изобретатель
 

Мужчина

Сообщения : 2572
Регистрация : 2009-02-26
Благодарности : 215

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

http://turist.tosm-boa.com/

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

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

Сообщение автор Pure в Ср 6 Окт - 19:53

За маник +5

Pure
 

Мужчина

Сообщения : 2110
Возраст : 97
Регистрация : 2008-10-21
Благодарности : 228

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

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

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

Сообщение автор Lіluna в Ср 6 Окт - 20:36

Sunnyta, это же не был вопрос.)

Lіluna
 

Женщина

Сообщения : 173
Регистрация : 2010-07-28
Благодарности : 21

1 предупреждение

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

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

Сообщение автор Sunnyta в Ср 6 Окт - 21:12

@Lіluna пишет:Sunnyta, это же не был вопрос.)
Сорри scratch

Sunnyta
 

Сообщения : 1579
Регистрация : 2008-03-20
Благодарности : 63

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

http://www.sun-place.com/

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

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

Сообщение автор vvo в Ср 6 Окт - 23:16

Как по мне, пользы от этого никакой.

vvo
 

Мужчина

Сообщения : 512
Регистрация : 2009-07-15
Благодарности : 84

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

http://www.google.com.ua/

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

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

Сообщение автор Antony в Ср 6 Окт - 23:52

а вот я все же думаю, что на некоторых форумах это было-бы полезно. К примеру я - человек особо старающийся держать форум в спартанском виде без лишних наворотов - могу сказать, что на этом форуме форумов скрипт весьма полезен. Информация в колонке виджетов обновляется редко и ее можно спрятать, освобождая место для более информативной части форума - тем и постов

Antony
 

Мужчина

Сообщения : 281
Возраст : 25
Регистрация : 2009-06-20
Благодарности : 21

Забанен

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

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

Сообщение автор Изобретатель в Чт 7 Окт - 0:49

освобождая место для более информативной части форума - тем и постов
Особенно от виджета последних тем и сообщений в них... . Называется "Последние темы". 18 biggrin

Изобретатель
 

Мужчина

Сообщения : 2572
Регистрация : 2009-02-26
Благодарности : 215

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

http://turist.tosm-boa.com/

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

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

Сообщение автор cvtifhbr в Чт 7 Окт - 10:37

А возможно это сделать с двух сторон?
Я пробовал, правую стрелку ели видно, а когда свернешь - то и совсем пропадает.

cvtifhbr
 

Мужчина

Сообщения : 38
Регистрация : 2010-04-30
Благодарности : 0

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

http://smesharik-funclab.forum2x2.ru

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

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

Сообщение автор Изобретатель в Чт 7 Окт - 13:20

@cvtifhbr пишет: правую стрелку ели видно, а когда свернешь - то и совсем пропадает.
Для начала можно попробовать расширить окно изменив числа ( height: 13px; width: 16px ) Еще стиль форума и его "конструкция" несколько влияет. Вполне допускаю, что на некоторых форумах все же придется "подрегулировать" некоторые параметры в скрипте, во всяком случае, если кто то захочет изменить картинку со стрелочками на другую картинку.
Скрипт то перемещает картинку со стрелками в окне, открывая то одну стрелку, то другую. В целом конечно довольно универсальное решение.
Но "нам" всегда"ж надо "как то по своему". ne


Последний раз редактировалось: Изобретатель (Чт 7 Окт - 14:10), всего редактировалось 2 раз(а)

Изобретатель
 

Мужчина

Сообщения : 2572
Регистрация : 2009-02-26
Благодарности : 215

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

http://turist.tosm-boa.com/

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

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

Сообщение автор cvtifhbr в Чт 7 Окт - 13:59


Не работает расширение колонки.
Везде стоит 180 пикселей.
Беленькое под линией на скрине вверху - кнопка
Слева - все норм, кнопка лежит на линии

cvtifhbr
 

Мужчина

Сообщения : 38
Регистрация : 2010-04-30
Благодарности : 0

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

http://smesharik-funclab.forum2x2.ru

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

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

Сообщение автор Изобретатель в Чт 7 Окт - 14:05

http://www.smesharik-funclab.net/ - ну слева то все нормально работает. А так, что бы сразу с обеих сторон увы нельзя. Только или левая колонка или правая. pardon :85:

Изобретатель
 

Мужчина

Сообщения : 2572
Регистрация : 2009-02-26
Благодарности : 215

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

http://turist.tosm-boa.com/

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

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

Сообщение автор cvtifhbr в Чт 7 Окт - 14:07

Увы......

cvtifhbr
 

Мужчина

Сообщения : 38
Регистрация : 2010-04-30
Благодарности : 0

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

http://smesharik-funclab.forum2x2.ru

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

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

Сообщение автор Изобретатель в Чт 7 Окт - 14:08

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

Изобретатель
 

Мужчина

Сообщения : 2572
Регистрация : 2009-02-26
Благодарности : 215

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

http://turist.tosm-boa.com/

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

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

Сообщение автор cvtifhbr в Чт 7 Окт - 14:17

Но, слева действует!
Действует только слева

cvtifhbr
 

Мужчина

Сообщения : 38
Регистрация : 2010-04-30
Благодарности : 0

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

http://smesharik-funclab.forum2x2.ru

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

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

Сообщение автор Emi в Чт 7 Окт - 14:53

У меня какие то поля появились... как исправить?

Emi
 

Женщина

Сообщения : 149
Регистрация : 2009-06-11
Благодарности : 6

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

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

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

Сообщение автор Dana Domirani в Чт 7 Окт - 14:58

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



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


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


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



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

Женщина

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

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

http://poltergeist-legacy.com/

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

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

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


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