Боковая панель информации на 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> На этом и завершаем, не хабываем все сохранять. | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 0 | |