ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Мобильное выезжающее меню для сайта

Мобильное выезжающее меню для сайта

Мобильное выезжающее меню для сайта
Простое и надежное меню сайта для мобильных аппаратах. Где оно автоматически на небольшом экране появиться, плюс все основные запросы. По своей стилистике цвета идет в прозрачном виде в синей гамме. Но это все настраивается на стилях, что прилагается к материалу. При клике вы переходите на ту страницу, что была указана, где сразу автоматом выводиться значок. Этот функционал отвечает за появление его с правого боку интернет ресурса.

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

Так состоит основа, что вверх ставим.

Код
<div class="show-on-mobile">
<input type="checkbox" id="hmt" class="hidden-menu-ticker">
<label class="btn-menu" for="hmt">
<span class="first"></span>
<span class="second"></span>
<span class="third"></span>
</label>
<ul class="hidden-menu">
<li><a href="#">Здесь находится запрос</a></li>
<li><a href="http://zornet.ru/load/81">Скрипты для юкоз</a></li>
<li><a href="http://zornet.ru/load/142">Шаблоны для сайта</a></li>
<li><a href="http://zornet.ru/load/146">обой рабочего стола</a></li>
<li><a href="http://zornet.ru/load/145">Все для вебмастера</a></li>
<li><a href="http://zornet.ru/news/">Помощь по установе</a></li>
<li><a href="#">http://zornet.ru/load/146</a></li>
</ul>
</div>

Здесь предоставлено как будет.

Адаптивное меню сайта

Это выбираете раздел, куда пройти на портале.

Навигация для мобильных аппаратов

Скачав архив, там в тестовом файле код, CSS на установка.

Также скрипт и все вы найдете на модуле форум, что также рекомендую посты к прочтению.
19 Сентября 2017 Загрузок: 7 Просмотров: 1597 Комментариев: (0)

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

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

Оставь свой отзыв

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