регистрация
856материалов
3341комментарий
239тем на форуме
7060пользователей

Простое, полноэкранное меню для 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
Материал просмотрен: 1450 раз
Категория материала: Скрипты для uCoz
К материалу оставлены: 4 комментария

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

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


Albina-Danes
Симпатичное меню
=RockStar2o14=
Да ну, фигня какая та
Oлer
Олег Марков @Oлer 24.02.2016 21:043
0
Меню просто супер, но для смартфонов меню не адаптировано.
avatar
Партнерская программа uKitCPA
Создать сайт вместе с uKit.com
Статистики нашего сайта
Сегодня к нам присоединились: 5 человек
Пользователи и гости сейчас онлайн: 8 Сегодня наш портал посетили: чел
Сейчас на сайте: Admin8068, milan_shubin
Правила чата
Пользователи онлайн
Закрыть мини-чат
+Открыть мини-чат
0
Онлайн всего: 8
Гостей: 6
Пользователей: 2