Регистрация    Войти
Авторизация

Адаптивное горизонтальное меню для uCoz

Адаптивное горизонтальное меню для uCozАдаптивное горизонтальное меню для uCoz

В версии 1.1 исправлено пару фонов в меню для экранов малого разрешения
Отличное меню для сайта, хорошо подойдет для любых размеров экранов
1) Установка скрипта перед для правильной работы сабссылок:
<script src="http://fanatik.moy.su/js.js" type="text/javascript" ></script> 
  <script type="text/javascript"> 
  $(".flexnav").flexNav(); 
  </script>


2) Установка CSS:
можно подключить через ссылку в
<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> 


Скачать: 52_menu.zip [21,89 Kb] (cкачиваний: 101)

Есть вопросы по шаблону или скрипту? так задай их и мы ответим!

Автор: chestr  30-11-2014, 19:02   Просмотров: 2024   
горизонтальное меню для uCoz, горизонтальное меню, горизонтальное меню ucoz, меню ucoz, Адаптивное, Адаптивное меню, Адаптивное меню ucoz
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.


Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.