Боковая слайдер-панель для uCoz

273 06.12.2015 в 18:57 ILNUROFF

Сейчас наблюдается интересная тенденция в веб-дизайне. Чем меньше элементов на странице — тем лучше. Но это не значит, что их не должно быть вообще. Большинство блоков, таких как меню навигации по сайту, меню профиля пользователя и т. д. можно скрыть и появляться они будут при нажатии и наведении. Некоторые могут сказать, что от этого страдает юзабилити страницы. Не думаю, так как страница стает чище, а значит легче ориентироваться. Человек не путается в горе ссылок. Представляю Вашем вниманию адаптивную слайдер-панель.

Установка:
Скачиваете архив с нашего сайта и папку in-panel загружаете в свой файловый менеджер (ФМ)

В верхнюю часть перед вставляете стили (CSS):

Код

В нижнюю часть сайта перед :

Код

<div class="cd-panel from-right">
<header class="cd-panel-header">
<span class="cd-panel-title">Title боковой панели</span>
<a href="javascript://" class="cd-panel-close">Закрыть</a>
</header>
<div class="cd-panel-container">
<div class="cd-panel-content">
Содержимое окна
</div>
</div>
</div>
<script src="/in-panel/main.js"></script>

Кнопка вызова боковой панели:

Код

<main class="cd-main-content">
<a href="javascript://" class="cd-btn">Название содержимого</a>
</main>

Мне нравится5 Скачать0.4 Kbзагрузок: 1