Приветствуем Вас на сайте!
      Авторизировавшись на сайте Вы получаете возможность заказывать эксклюзивные вещи для Вашего сайта, скачивать новинки, общаться с друзьями.

      Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"
Вход на сайт
Логин:

Пароль:
Вход
Войти по Логину и Паролю
О нас
Cтудия скриптов и дизайна BEST STUDIO, как студия перспективных веб-разработок, была основана 1 июля 2009 г. Уже более 17000 зарегистрированых пользователей! С момента ее создания мы четко придерживаемся принципа: «Быстро, качествено, дорого».

Заказывая работу для вашего сайта у нас, вы экономите время...

Стремитесь к лучшему - в Best Studio!
Войти | Зарегистрироваться
Настройки
Анимация Шапки
Анимация Меню
Анимация Футера
Автообновление Чата
Автообновление Статистики
Звуковые Оповещения
Авто Подгрузка Материалов

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

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

В верхнюю часть перед вставляете стили (CSS):
Код
<link rel="stylesheet" href="/in-panel/style.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>
Скачать файл 1.9 Kb
Поделиться новостью в социальной сети.
Источник: http://codyhouse.co
Имя файла:
Размер: 1.9 Kb
Добавил: Best_Studio
Дата добавления: 13.03.2016 в 22:44 по МСК
Категория: Скрипты для uCoz
Скачиваний: 104
Просмотров: 291
Комментариев: 0
Рейтинг:
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]