Адаптивное меню для uCoz
827материалов
228тем на форуме
3004комментария
6160пользователей

Адаптивное меню для uCoz


В версии 1.1 исправлено пару фонов в меню для экранов малого разрешения

Отличное меню для сайта от uGarts.ru, хорошо подойдет для любых размеров экранов

1) Установка скрипта перед </body> для правильной работы сабссылок:
Код
<script src="http://fanatik.moy.su/js.js" type="text/javascript" ></script>   
   <script type="text/javascript">   
   $(".flexnav").flexNav();   
   </script>

2) Установка CSS:
можно подключить через ссылку в <head>
Код
<link type="text/css" rel="StyleSheet" href="/menu/menu.css" />

или вставить в стили сайта залив в таблицу стилей общих шаблонов
3) Установка HTML:
Код
<div class="menu-button">Меню</div>   
   <ul class="flexnav" data-breakpoint="800">   
   <li><a href="#">Главная</a></li>   
   <li>   
   <a href="#">Выпад 1</a>   
   <ul>   
   <li><a href="#">Ссылка</a></li>   
   <li><a href="#">Ссылка</a></li>   
   <li>   
   <a href="#">Выпад 2</a>   
   <ul>   
   <li><a href="#">сабссылка 1</a></li>   
   <li><a href="#">сабссылка 2</a></li>   
   <li><a href="#">сабссылка 3</a></li>   
   <li><a href="#">сабссылка 4</a></li>   
   <li>   
   <a href="#">Выпад 3</a>   
   <ul>   
   <li><a href="#">сабссылка 1</a></li>   
   <li><a href="#">сабссылка 2</a></li>   
   <li><a href="#">сабссылка 3</a></li>   
   <li><a href="#">сабссылка 4</a></li>   
   <li><a href="#">сабссылка 5</a></li>   
   </ul>   
   </li>   
   </ul>   
   </li>   
   <li><a href="#">Ссылка</a></li>   
   <li><a href="#">Ссылка</a></li>   
   </ul>   
   </li>   
   <li><a href="#">Ссылка</a></li>   
   <li><a href="#">Ссылка</a></li>   
   <li><a href="#">Ссылка</a></li>   
   </ul>

ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 29.11.2014 в 22:16
Материал просмотрен: 1885 раз
Категория материала: Скрипты для uCoz
К материалу оставлены: 2 комментария

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

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


Cory
Вадим Цурко @Cory 30.11.2015 11:351
0
fanatik.moy.su не работает ..
соотвественно подключения ксрипта ..
кароч вообще нифига не работает )
Ромчик
Демо и вправду не доступно, но скрипт работает!
avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта