ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка

Объявление

Загадочный Дом «Кузнечик»

Форумные игры, кино, позитивное отношение и душевное общение!
Есть в мире место, где душе тепло...
Заходи, мы будем тебе рады!

Подробнее

Мийрон

Качественный пиар быстро и недорого.
Красивейшие дизайны по низким ценам.
Каталог ролевых игр.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Светлый дизайн в фентези стиле с аниме-графикой

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*
Дизайн продается эксклюзивно (в одни руки).

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайте
Стать модераторомОтзывы

Предложения

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка » Javascript, Jquery и CSS решения » Универсальная кнопка сворачивания любых элементов


Универсальная кнопка сворачивания любых элементов

Сообщений 61 страница 61 из 61

1

УНИВЕРСАЛЬНАЯ КНОПКА СКРЫТИЯ
- СКРЫВАЕМ ВСЁ!

Добавляет к любому элементу форума/сайта кнопку сворачивания и разворачивания содержимого.
https://forumuploads.ru/uploads/0007/e3/f7/6822/380756.png

Автор: Deff
Платформа: любая

Достоинства:
1. Независимость установок скрытия для разных групп пользователей (т.е у вас не будет такого, что сворачивание скрытой от гостя категории в режиме Админа/Юзера/Пользователя приводит при Выходе/Входе с форума к скрытию какой-то иной категории, которую Вы не скрывали
2. Нет Ограничений для ИЕ6-7-8(а может и 9) по количеству кнопок
3. Более универсальное скрытие и возможность добавления новых кнопок, например для части контента в Объявлении, или Сайдбаре

Установка
Пункт [1]. В начало HTML верх

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Пункт [2]. В начало HTML низ

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Стиль Кнопки
Пункт [3]. В HTML верх (или в Стиль без тегов <style>)

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.


Пояснения

По Пункту [2]
Красным -  ссылки на картинки Cкрыть/Показать (*если нужно, меняем на свои
Синим - перечисление скрываемых селекторов, что не нужно - убираем из списка
(!!!Внимание - Последний элемент в Списке на конце без запятой!
*Для наглядности, - селекторы выделены подчёркиванием через один.)

1. #pun-announcement  .container, - Объявление
2. #pun-status .container, - Приветствие (Привет Гость...или Привет Гость
3. .category .container, - Категории
4. #pun-stats .statscon - Статистика

По Пункту [3]
1. Выравниваем - Ставим в нужное место все кнопки категорий!

a) Отступ от слево регулируем цифру в margin-left:775px;
Если ширина задана в % ставим вместо 775px нужный % ->, к примеру -> 65%
Если Кнопки хотим ставить слево(а не справо), то уменьшаем цифру, к примеру, до 10-20px

б) Подвижка вверх: регулируем цифру в margin-top:-23px;

2. Выравниваем - Ставим(если есть необходимость) в нужное место остальные кнопки
Для Этого в конец стиля Кнопок ставим такие коды селекторов (Под каждую кнопку, с желаемой дополнительной регулировкой

.Show-Hide[alt="#pun-status .container"]{
margin-top: 0px;
}

Где #pun-status .container - нужный селектор скрываемого контента кнопки (см. предыдущее пояснения). Значение 0px - отступ от верха (может быть как плюс так и минус)

Отредактировано Герда (16.05.2013 08:33:34)

+4

61

#p149277,marusya написал(а):

Одно только не получилось: Красная цифра не выходит сама на Полоску Категории, если Категория свернута.

Странно, по идее такого не должно быть, если скрипт стоит ниже второй части скрипта
<!-- //=Универсальная Кнопка Ч2-HTML низ//Скрытие Категорий и т.д.-->

Можно попробовать передвинуть ещё ниже, в самый конец HTML низ... Но по идее следом за второй частью должно сроабатывать и перед этим срабатывало

+1

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»


ВНИМАНИЕ! При обращении за техподдержкой и вопросами по скриптам/оформлению, оставляйте ссылку на форум/сайт с проблемой! Специалист должен вживую видеть проблему, чтобы подсказать как ее решить.

ВНИМАНИЕ! Гости (не зарегистрированные на форуме) могут писать сообщения, но не могут вставлять прямые ссылки! Чтобы оставить сообщение со ссылкой на сайт, форум или скриншот удалите символы: "http://", "https://" или "www."


Вы здесь » ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка » Javascript, Jquery и CSS решения » Универсальная кнопка сворачивания любых элементов