Боковая слайдер-панель для uCoz
827материалов
228тем на форуме
3004комментария
6159пользователей

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


Описание слайдер-панели:

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

Установка:

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

В верхнюю часть перед </head> вставляете стили (CSS):
Код
<link rel="stylesheet" href="/in-panel/style.css">

В нижнюю часть сайта перед </body>:
Код
<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>

ПОСМОТРЕТЬ ДЕМО ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 12.03.2016 в 00:00
Материал просмотрен: 4144 раза
Категория материала: Скрипты для uCoz
К материалу оставлено: 26 комментариев

Пожаловаться
Сказать спасибо
Источник

26 комментариев


webmasterivan
webmasterivan @webmasterivan 10.10.2015 00:121
-7
Конечно не на 5, но может кому то и будет полезно gay
pro100kasper
pro100kasper @pro100kasper 10.10.2015 00:542
+5
Ну почему же очень даже интересная панель
Romchik
Почему не на 5? Что именно Вам не нравиться?
webmasterivan
webmasterivan @webmasterivan 11.10.2015 14:144
+1
Очень она простая какая то.
DeQiz
Павел @DeQiz 18.10.2015 00:415
+3
Проще не куда, просто вникнуть в инструкцию установки надо)
Admin4458
Окно не всегда поверх других елеметнов к примеру меню.Как исправить?
Romis26
Добрый день! Хорошая панель, спасибо! А можно несколько таких панелей на один сайт вставить?
Ромчик
Да, конечно можно
avatar
Анонимно 28.02.2016 16:299
0
А как сделать? я попробовал, не получилось... спасибо!
Romis26
А как сделать? я попробовал, не получилось... спасибо!
SERVODROID-ADM
Ребят, подскажите пожалуйста, хочу сделать у себя на сайте эту панель, но у меня слайдер ее перекрывает. Я помню что можно поставить какой-то код, который указывает индекс "слоя" типа можно поставить индекс "1" и тогда блок будет выше уровня(слоя) слайдера, подскажите, куда и как это в данном примере указать? like
Ромчик
В CSS это код попробуйте вставить
Код
.cd-panel-content {z-index:99999!important;}
SERVODROID-ADM
Не помогло =( Слайдер перебивает
Ромчик
Ссылку на ваш сайт дайте
SERVODROID-ADM
В ЛС написал вам
Ромчик
Хорошо. Щас освобожусь и посмотрим что за проблема у вас
Romis26
Здравствуйте! У меня с панелью аналогичная проблема, слайдер перекрывает её, предложенный Вами код не помогает. Спасибо за помощь!
SERVODROID-ADM
+ проблема еще актуальна =(
Romis26
да, актуальна!
Romis26
видимо слайдер нужно убирать назад, с панелью не получается... пока не получается
Ромчик
Давайте ссылку на сайт, без ссылки я не смогу Вам помочь, я не экстрасенс
SERVODROID-ADM
www.servodroid.ru Панель выезжает когда нажимаете на надпись под слайдером "открыть презентацию сайта"
Romis26
Я решил проблему чуть иначе, просто опустил кнопку вызова панели ниже, чтобы открываясь, она визуально не затрагивала слайдер, но при этом проблема осталась, при открытой панели и прокрутки сайта вверх проблема видна, если будет не сложно, напишите пожалуйста решение проблемы, спасибо!
Roman
Так пробуйте
Код
.cd-panel .from-right {z-index:100000!important;}
Romis26
спасибо, но у меня без изменений
SERVODROID-ADM
Добавил, почистил кэш. Проверил - то же самое =( Вот файл стиля в самом верху прописал http://www.servodroid.ru/in-panel/style.css
avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта