ZorNet.Ru — сайт для вебмастера » Меню для сайта » Горизонтальное меню GT-1 с кнопками для uCoz

Горизонтальное меню GT-1 с кнопками для uCoz

Горизонтальное меню GT-1 с кнопками для uCoz
Отличное горизонтальное меню под категорий или раздела сайта. Так как оно будет на главной и при наведение выезжать та категория, которая вам нужна. Но умолчанию будет стоять с правой стороны, а также выполнено в светло синем оттенке, чтоб могло подойти на светлый или темный портал. С ним идут стили, что можно вывести под конкретный оттенок, если этот цвет не подходит. Также скачиваем кнопки и они на общею тематику, если у вас есть или вы нашли иконки под размер иконки 64x64, то вы просто можете сменить, только название оставляем, как у старых.

Горизонтальное меню сайта uCoz

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

Потом сам каркас навигаций ставим в шапку в самый вверх.

Код
<link rel="stylesheet" href="/skr_menu/style.css" type="text/css" charset="utf-8"/>  
<div class="header"></div>  
<ul id="navigation">  
<li class="home"><a href="/"><span>Главная категория</span></a></li>  
<li class="forum"><a href="/forum"><span>Форум сайта</span></a></li>  
<li class="load"><a href="/load"><span>Каталог файлов</span></a></li>  
<li class="sites"><a href="/dir"><span>Каталог сайтов</span></a></li>  
<li class="news"><a href="/news"><span>Новости сайта</span></a></li>  
<li class="video"><a href="/video"><span>Каталог видео</span></a></li>  
<li class="contact"><a href="/index/0-3"><span>Контакты</span></a></li>  
</ul>  

<script type="text/javascript" src="/skr_menu/jquery-1.3.2.js"></script>  
<script type="text/javascript">  
  $(function() {  
  var d=300;  
  $('#navigation a').each(function(){  
  $(this).stop().animate({  
  'marginTop':'-80px'  
  },d+=150);  
  });  

  $('#navigation > li').hover(  
  function () {  
  $('a',$(this)).stop().animate({  
  'marginTop':'-2px'  
  },200);  
  },  
  function () {  
  $('a',$(this)).stop().animate({  
  'marginTop':'-80px'  
  },200);  
  }  
  );  
  });  
</script>


Вот и все! Как уже было сказано, если кого то не устроили формы кнопок или они не подходят, то просто меняем их в папке.
Источник: http://internetempire.ru/
11 Февраля 2016 Загрузок: 5 Просмотров: 1477 Комментариев: (5)

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

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

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

Комментарии: 5
Сопрано
Сопрано 11 Февраля 2016 03:201
0
Так меню нужное, но как то нужно его по центру делать.
Kosten
Kosten 11 Февраля 2016 03:262
0
По центру будет не красиво, чисто мое мнение, с боку как альтернативная навигация в самый раз подойдет.
Но можно в стилях выставить чтоб был по центру или попробовать сам код поставить в center - здесь скрипт - /center должно выровняться.
AnTron
AnTron 11 Февраля 2016 03:283
0
С боку поставить и на много красивей было, чем оно горизонтально стоит.
Maryges
Maryges 11 Февраля 2016 03:314
0
Можно все ссылки вывести как на стили и скрипт и не чего не нужно закачивать, стиль прописать в CSS так намного легче работать с ним, если менять иконки или оттенок.
Tergran
Tergran 11 Февраля 2016 03:375
0
Больше для блог подходят, чем для сайта и полностью согласен с AnTron, их место с боку.
avatar