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

Простое, полноэкранное меню для uCoz


Описание:

Адаптивная навигация бурно развивалась в веб — дизайне последние пару лет. Дизайнеры как могли упрощали её и делали интуитивно понятно и удобной для пользователей. Так и появилось множество разнообразных реализаций меню на сайте, а сегодня мы рассмотрим пример полноэкранного, адаптивного меню, которое реализуют дизайнеры на различных сайтах и проектах.

Как правило адаптивная навигация активируется при нажатии или наведении на кнопку гамбургер. Полноэкранное меню это самая простейшая накладка которая налаживается на весь экран, таким образом у дизайнера появляется на много больше места и возможности для реализации меню.

Установка:

Для начала скачиваете архив с нашего сайта, распаковываете его и папку full-screen загружаете в свой файловый менеджер.

Теперь подключаем CSS либо на странице:
Код
<link type="text/css" rel="StyleSheet" href="/full-screen/fullscreen-menu.css" />

Либо вставляете код в центральный CSS
Код
@import url("/full-screen/fullscreen-menu.css");

Ну а это код вставляете в нижнюю часть сайта, перед </body>
Код
<div class="fat-nav">
<div class="fat-nav__wrapper">
<ul>
<li><a href="#">WebMaster-uCoz.Ru</a></li>
<li><a href="#">WebMaster-uCoz.Ru</a></li>
<li><a href="#">WebMaster-uCoz.Ru</a></li>
</ul>
</div>
</div>
<script type="text/javascript" src="/full-screen/fullscreen-menu.js"></script>
<script>
(function() {
$.fatNav();
}());</script>

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

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

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

4 комментария


Albina-Danes
Симпатичное меню like
=RockStar2o14=
Да ну, фигня какая та
Oлer
Олег Марков @Oлer 24.02.2016 21:043
0
Меню просто супер, но для смартфонов меню не адаптировано.
avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта