Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Тегиавтор Sasha_Efimchik Сегодня в 00:55
» Как вернуть свое доменное имя?
автор Alisa Вчера в 13:30
» Почему-то в приветствии на главной странице в общей информации наверху форума образуется пустое пространство?
автор dimslav Март 30th 2023, 15:20
» Проблема с загрузкой форума
автор Леона Март 28th 2023, 08:04
» Почему в последнее время форум постоянно недоступен
автор literrary Март 24th 2023, 20:59
» Изменение ширины колонок на главной странице
автор literrary Март 22nd 2023, 11:50
» Аватар на виджете
автор ॐΣΛΣΝΑॐ Март 21st 2023, 16:14
» кнопка "к последнему сообщению"
автор literrary Март 21st 2023, 08:35
» скриншот главной и темы с мобильного
автор literrary Март 18th 2023, 10:28
» Новое: Откройте для себя функцию "Подписка на пользователей"
автор literrary Март 16th 2023, 17:50
Сворачивающийся виджет.
Участников: 2
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Сворачивающийся виджет.
Применил скрипты из этой темы.
Подскажите, как сделать, что бы данный скрипт действовал таким образом, что бы при открытии гл. страницы - виджет был свернут.
Т.е. что бы виджет всегда сворачивался по умолчанию при обновлении страницы и что бы браузер не запоминал расположение.
Пример: открываю главную стр. - разворачиваю виджет - обновляю - виджет свёрнут.
+ что бы виджет был только на гл. странице.
P.S. Виджет использован слева.
Подскажите, как сделать, что бы данный скрипт действовал таким образом, что бы при открытии гл. страницы - виджет был свернут.
Т.е. что бы виджет всегда сворачивался по умолчанию при обновлении страницы и что бы браузер не запоминал расположение.
Пример: открываю главную стр. - разворачиваю виджет - обновляю - виджет свёрнут.
+ что бы виджет был только на гл. странице.
P.S. Виджет использован слева.
Последний раз редактировалось: Альберт Вескер (Июль 12th 2011, 14:58), всего редактировалось 1 раз(а)
Re: Сворачивающийся виджет.
Посмотрите такой вариант:
1. Откройте ПА > Оформление > Главная - Общая информация > Приветствие на главной странице и добавьте.
2. В CSS добавьте настройки для скрытия колонки по умолчанию и внешнего вида кнопки:
1. Откройте ПА > Оформление > Главная - Общая информация > Приветствие на главной странице и добавьте.
- Код:
<span class="rol">Показать</span>
<script src="http://yandex.st/jquery-ui/1.7.3/effects.core.js"></script>
<script src="http://yandex.st/jquery-ui/1.7.3/effects.slide.js"></script>
<script>
jQuery(document).ready(function(){
jQuery(".rol").click(function () {
jQuery("#content-container #left").toggle("slide", {}, 1000);
});
jQuery(".rol").toggle(
function(event) {jQuery(event.target).css('backgroundPosition', '0 -13px').html("Спрятать");},
function(event) {jQuery(event.target).css('backgroundPosition', '0 0').html("Показать");}
);
});
</script>
2. В CSS добавьте настройки для скрытия колонки по умолчанию и внешнего вида кнопки:
- Код:
#content-container #left {
display: none;
}
.rol {
cursor: pointer;
display: block;
float: left;
height: 12px;
line-height: 12px;
padding-left: 20px;
background: transparent url(http://i42.tinypic.com/vg54yu.png) no-repeat 0 0;
}

Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Сворачивающийся виджет.
Пожалуйста!

Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |

» Сворачивающийся чат
» Сворачивающийся Чат
» Сворачивающийся профиль,кнопка под аватаром.
» Сворачивающийся ЧАТ под кнопкой
» Сворачивающийся чат под кнопкой
» Сворачивающийся Чат
» Сворачивающийся профиль,кнопка под аватаром.
» Сворачивающийся ЧАТ под кнопкой
» Сворачивающийся чат под кнопкой
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения