» »

Боковая панель информации на uCoz


Боковая панель информации на uCoz

Очень нужная вещь для сайта баковая панель на uCoz в плане информации. Вы можете просто вывести кнопку и при клике с правого боку панель появиться. В ней вы можете установить как скрипт, это статистика или мини чат, но больше всего информирует она пользователя сайта.

Можно сказать, что это модальное окно, просто немного по другому работает, а функций здесь почти одинаковы. Так что ставим если у вас на сайте места нет разместить что то и здесь как раз этот скрип и создан для этого.
Вы можете посмотреть демонстрацию с источника материала.

Приступаем к установке:

С начало скачиваем архив и в нем будет папка in-panel с файлом и стилями, и эту папку загружаем в корень сайта.

Следующее делаем, размещаем стили, чтоб выводились, это вверх или в низ перед /head нужно прописать.

Код
<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>


На этом и завершаем, не хабываем все сохранять.
17.09.2016 Загрузок: 4 Просмотров: 355 Комментарий: (0)

Поделиться в социальных сетях

Материал разместил

Комментарий: 0
avatar