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

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

Новый скрипт : Сворачивающиеся и разворачивающиеся виджеты форума  - Страница 2 Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

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

Новый скрипт : Сворачивающиеся и разворачивающиеся виджеты форума  - Страница 2 Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях
Важная информация!

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

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

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

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

Я админ, не могу зайти!
(забыл / потерял пароль)


Общий FAQ по управлению форумом

FAQ: реклама на форуме

Туториалы по разным функциям ваших форумов

Алфавитный указатель

Интересные решения для форумов

Наши видео-туториалы

Условия пользования сервисом

Ссылки на полезные ресурсы

Последние темы
» Не корректное отображение картинок
автор Luz Сегодня в 12:40

» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Сегодня в 12:13

» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31

» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43

» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37

» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26

» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28

» Помощь в нескольких вопросах по форуму
автор лексей2222 Февраль 22nd 2024, 13:21

» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор Dana Domirani Февраль 14th 2024, 00:54

» Загрузка форума
автор лисенок Февраль 13th 2024, 01:09

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

+21
kpripper
K13
Lika
Tara
idjer83
auelhan
LION
Emi
cvtifhbr
vvo
Pure
Gamatos
Lucky
mikel922
Sunnyta
Antony
miflan
Lіluna
Dana Domirani
Изобретатель
Luz
Участников: 25

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

Перейти вниз

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

Сообщение автор Luz Октябрь 5th 2010, 14:37

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

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

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

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

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

Новый скрипт : Сворачивающиеся и разворачивающиеся виджеты форума  - Страница 2 Warning2 Внимание: этот скрипт отлажен для версий PHPBB3, INVISION и PUNBB.
Для версии PHPBB2 он может работать, но пока не отлажен.

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

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

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

Новый скрипт : Сворачивающиеся и разворачивающиеся виджеты форума  - Страница 2 Warning2 Внимание : данный скрипт не будет действовать, если на вашем форуме виджеты установлены и слева, и справа !

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

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

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

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

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


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

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

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

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

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

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

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

Скрипт

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

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

<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 и https://i.servimg.com/u/f13/16/54/26/99/arrow_10.png в соответствии с дизайном вашего форума.

Код #f5ebf7 определяет фоновый цвет стрелки, ссылка http://oi42.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 и https://i.servimg.com/u/f13/16/54/26/99/arrow_10.png в соответствии с дизайном вашего форума.

Код #f5ebf7 определяет фоновый цвет стрелки, ссылка https://i.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>


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

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

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

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


Все готово! Перейдите на страницы форума и проверьте, как это работает Новый скрипт : Сворачивающиеся и разворачивающиеся виджеты форума  - Страница 2 75998

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


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


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

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


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


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


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

Женщина

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

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

https://help.forum2x2.ru

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


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

Сообщение автор Dana Domirani Октябрь 7th 2010, 14:58

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

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

Сообщения : 22994
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

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

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

Сообщение автор Emi Октябрь 7th 2010, 15:04

У меня так и стоит, но все равно... и еще картинка стрелочки не видна...
Emi
Emi
 

Женщина

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

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

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

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

Сообщение автор Изобретатель Октябрь 7th 2010, 15:07

А точно скрипт именно для ПРАВЫХ виджетов?
Изобретатель
Изобретатель
 

Мужчина

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

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

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

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

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

Сообщение автор Emi Октябрь 7th 2010, 15:10

Да...
Emi
Emi
 

Женщина

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

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

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

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

Сообщение автор Изобретатель Октябрь 7th 2010, 17:14

Все у вас работает, только картинки со стрелками не видно.

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

Попробуйте расширить окно в скрипте - height: 13px; width: 16px
тогда будет видно что и куда двигать дальше.
Изобретатель
Изобретатель
 

Мужчина

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

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

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

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

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

Сообщение автор LION Октябрь 8th 2010, 14:22

В качестве общей информации.

Установил скрипт на форум phpBB2 в правую колонку.
Все работает прекрасно, колонка сворачивается отлично, однако, если в колонке есть картинки, например банеры, они не сворачиваются, а остаются. То есть вся колонка исчезает, а банер остается:

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

Проблема решается только удалением банеров из колонки.
avatar
LION
Новичок

Мужчина

Сообщения : 8
Регистрация : 2010-09-05
Благодарности : 0

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

http://shiningcastle.mirbb.net

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

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

Сообщение автор auelhan Октябрь 10th 2010, 13:44

Установилось нормально.Мелочь,а приятно.Спасибо!
avatar
auelhan
 

Мужчина

Сообщения : 94
Возраст : 69
Регистрация : 2009-08-13
Благодарности : 4

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

http://www.superhimik.com

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

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

Сообщение автор idjer83 Октябрь 20th 2010, 19:07

Здравствуйте, всё сделал как описано в теме, но у меня пишет скрипты, сверху и снизу виджетов
idjer83
idjer83
Новичок

Мужчина

Сообщения : 17
Возраст : 41
Регистрация : 2010-10-19
Благодарности : 1

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

http://amurr.gip-gip.ru

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

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

Сообщение автор idjer83 Октябрь 20th 2010, 19:13

idjer83
idjer83
Новичок

Мужчина

Сообщения : 17
Возраст : 41
Регистрация : 2010-10-19
Благодарности : 1

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

http://amurr.gip-gip.ru

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

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

Сообщение автор Изобретатель Октябрь 20th 2010, 19:17

А когда вы вставляли скрипт в виджет - значек над левом верхнем полем окна был такой? - open
Изобретатель
Изобретатель
 

Мужчина

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

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

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

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

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

Сообщение автор idjer83 Октябрь 20th 2010, 19:24

Изобретатель пишет:А когда вы вставляли скрипт в виджет - значек над левом верхнем полем окна был такой? - open
красный плюс был
idjer83
idjer83
Новичок

Мужчина

Сообщения : 17
Возраст : 41
Регистрация : 2010-10-19
Благодарности : 1

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

http://amurr.gip-gip.ru

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

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

Сообщение автор Изобретатель Октябрь 20th 2010, 19:45

Надо что бы был open зеленый. Вставляете скрипт - потом "сохранить".

Кстати я у себя оба скрипта в один верхний виджет запихнул и все работает.
Изобретатель
Изобретатель
 

Мужчина

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

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

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

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

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

Сообщение автор idjer83 Октябрь 20th 2010, 20:01

Изобретатель пишет:Надо что бы был open зеленый. Вставляете скрипт - потом "сохранить".

Кстати я у себя оба скрипта в один верхний виджет запихнул и все работает.

Переделал с зелёным плюсом всё равно скрипты пишет
idjer83
idjer83
Новичок

Мужчина

Сообщения : 17
Возраст : 41
Регистрация : 2010-10-19
Благодарности : 1

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

http://amurr.gip-gip.ru

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

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

Сообщение автор Изобретатель Октябрь 20th 2010, 20:08

Скопируйте то, что вы выложили в верхний виджет. Скопируйте именно из ВАШЕГО виджета. Потом выложите скопированное сюда.
Изобретатель
Изобретатель
 

Мужчина

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

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

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

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

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

Сообщение автор Tara Октябрь 20th 2010, 20:10

Я на второй пробывала у меня виден код вместо виджета , в правый еще не пробывала
Tara
Tara
 

Женщина

Сообщения : 75
Возраст : 33
Регистрация : 2010-07-13
Благодарности : 0

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

http://kartazbuka.super-forum.net

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

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

Сообщение автор idjer83 Октябрь 20th 2010, 20:23

Изобретатель пишет:Скопируйте то, что вы выложили в верхний виджет. Скопируйте именно из ВАШЕГО виджета. Потом выложите скопированное сюда.

первый виджет
#f5ebf7 url(http://oi42.tinypic.com/vg54yu.png[/url]) 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'); }">
idjer83
idjer83
Новичок

Мужчина

Сообщения : 17
Возраст : 41
Регистрация : 2010-10-19
Благодарности : 1

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

http://amurr.gip-gip.ru

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

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

Сообщение автор Изобретатель Октябрь 20th 2010, 20:42

Все правильно. Тогда вам надо убедится, что в том виджете НИЧЕГО более не осталось. Лучше вообще создайте новый персональный виджет..... - скажем с индексом "1" в его названии. Или как еще вам удобнее. В него вставте код. Вставляйте код при вот таком виде значка - open . Не забудьте "сохранить".

С нижним виджетом проделайте тоже самое.
Изобретатель
Изобретатель
 

Мужчина

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

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

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

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

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

Сообщение автор idjer83 Октябрь 20th 2010, 21:11

не получилось я уже 3 раза по разному делал, всё равно скрипты пишет, уже не знаю что делать?
Что самое интересное самый первый раз слева у меня всё нормально было, а потом бах и хана
idjer83
idjer83
Новичок

Мужчина

Сообщения : 17
Возраст : 41
Регистрация : 2010-10-19
Благодарности : 1

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

http://amurr.gip-gip.ru

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

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

Сообщение автор Lika Октябрь 20th 2010, 21:16

А вообще HTML на форуме разрешён?
ПА-Общ. настройки-Сообщения-Конфигурация-Разрешить HTML-Да.


С Уважением, Lika Новый скрипт : Сворачивающиеся и разворачивающиеся виджеты форума  - Страница 2 75998
Lika
Lika
Администратор
Администратор

Женщина

Сообщения : 3354
Возраст : 53
Регистрация : 2006-12-31
Благодарности : 287

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

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

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

Сообщение автор Изобретатель Октябрь 20th 2010, 21:23

idjer83 пишет:не получилось я уже 3 раза по разному делал, всё равно скрипты пишет, уже не знаю что делать?
Что самое интересное самый первый раз слева у меня всё нормально было, а потом бах и хана
Слева!? Если остался скрытый виджет слева, то так и будет! Скрипт может работать только "там или там". Проверьте все, что относится к левым виджетам. Все удалены? Скрытых нет?
Изобретатель
Изобретатель
 

Мужчина

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

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

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

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

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

Сообщение автор Dana Domirani Октябрь 20th 2010, 21:38

idjer83, попробуйте так, для правой колонки - в первом (верхнем) виджете поставьте:
Код:
<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://i42.tinypic.com/vg54yu.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>

Во втором (нижнем):
Код:
<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>


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

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


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


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


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

Женщина

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

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

http://poltergeist-legacy.com/

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

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

Сообщение автор Tara Октябрь 20th 2010, 21:47

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

Женщина

Сообщения : 75
Возраст : 33
Регистрация : 2010-07-13
Благодарности : 0

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

http://kartazbuka.super-forum.net

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

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

Сообщение автор idjer83 Октябрь 20th 2010, 21:50

HTML на форуме включил, все старые удалил, а скрытые как посмотреть?
idjer83
idjer83
Новичок

Мужчина

Сообщения : 17
Возраст : 41
Регистрация : 2010-10-19
Благодарности : 1

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

http://amurr.gip-gip.ru

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

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

Сообщение автор Tara Октябрь 20th 2010, 21:54

Dana Domirani А вы для левого виджета не дадите такой код а? У меня лично получилось я думаю и автора темы получится! Может у вас есть, очень надо, а то у меня виджет слева стоит так красивее.
yes
Tara
Tara
 

Женщина

Сообщения : 75
Возраст : 33
Регистрация : 2010-07-13
Благодарности : 0

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

http://kartazbuka.super-forum.net

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

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

Сообщение автор Dana Domirani Октябрь 20th 2010, 21:58

Конечно! Для левой колонки код:
Верх -
Код:
<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://i42.tinypic.com/vg54yu.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>
Низ -
Код:
<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>


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

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


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


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


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

Женщина

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

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

http://poltergeist-legacy.com/

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

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

Сообщение автор idjer83 Октябрь 20th 2010, 22:02

Dana Domirani пишет:idjer83, попробуйте так, для правой колонки - в первом (верхнем) виджете поставьте:
Код:
<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://i42.tinypic.com/vg54yu.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>

Во втором (нижнем):
Код:
<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>

да спасибо всё работает
idjer83
idjer83
Новичок

Мужчина

Сообщения : 17
Возраст : 41
Регистрация : 2010-10-19
Благодарности : 1

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

http://amurr.gip-gip.ru

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

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

Вернуться к началу

- Похожие темы

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