УНИВЕРСАЛЬНАЯ КНОПКА СКРЫТИЯ
- СКРЫВАЕМ ВСЁ!
Добавляет к любому элементу форума/сайта кнопку сворачивания и разворачивания содержимого.
Автор: 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.13 08:33)
- Подпись автора
Просьба не писать в ЛС, этот аккаунт исключительно для публикаций.