Автор: Deff
УНИВЕРСАЛЬНАЯ КНОПКА СКРЫТИЯ
Админу часто необходима кнопочка скрытия с запоминанием своего положения после закрытия браузера, страницы... выключения компутера и т.д
В HTML верх
<!--Универсальная кнопка скрытия -->
<style class="Sbdcf5" id="Shoxa_01">.z-Hide{display:none!important;}</style>
<script src="http://hostjs-mybb2011.narod.ru/js/HidButton_v23_09_011.js"></script>
<!--//End /Универсальная кнопка скрытия -->
Туда где нужна кнопка
<span class="Show-Hide" alt="Селектор" style="cursor:pointer;">
<span class="b-Hide">Скрыть</span>
<span class="b-Show" style="display:none">Показать</span>
</span>
Код синим жирным - размножаем до нужного количества кнопок
Например можно Скрыть:
Ваши Банеры (Сейчас они скрыты всегда - тут же, при первом заходе они будут открыты
Объявления
Сайдбары
Уведомления и Всплывающие Окна
И т.д.
.
Пояснения к Коду Кнопки: (синим жирным)
1. Селектор - Код селектора скрываемого элемента(прописывается точно так же, как и для css кодов или кодов стиля.
Пример:
Для скрытия объявление вместо Селектор вставляем #pun-announcement
Для скрытия "Активные Темы" в Юзер меню вместо Селектор вставляем #pun-ulinks .item2
Можно скрыть сразу несколько элементов, для этого их прописываем через запятую,
К примеру скрыть одной кнопой и объявление и "Активные Темы" =>
#pun-announcement,#pun-ulinks .item2
2. Вместо надписей Скрыть и Показать - можно поставить свои картинки...
Обычно код такой:
<img src="Ccылка на картинку"/>
3. Если нужно отпозиционировать кнопку в необходимое место вставляем её в такую конструкцию:
<div style="border:red 1px solid; top:200px;margin-left:380px;position:absolute;">
Тут Код Вашей Кнопки ...
</div>
200 - Отступ от верхнего края экрана (*Регулируем
380 - Отступ влево от текущего положения (*Регулируем - значение может быть как положительным, - так и отрицательным
Cинее - убираем, после успешного позиционирования
Для Скрытия cобственно изготовленных элементов HTML - прописываем им id и ..
вставлем вместо селектора - #Ваше_id
Или можно прописать class - тогда вместо решетки ставим точку => .Ваш_class
Теги: Deff, Кнопка, Скрытие, Скрыть, Скрипты
Отредактировано Герда (16.05.13 09:42)