» »

Горизонтальное меню 6 оттенков для uCoz


Горизонтальное меню 6 оттенков для uCoz

При выборе шаблона, нужно всегда подобрать горизонтальное меню, чтоб оно полностью влилось в дизайн. И здесь вы можете выбрать, ту гамму, которая вам подходит. Эта навигация будет по ширине вашего экрана и у него нет фиксаций, также оно трех уровнях будет, что можно поместить много информации. Если кто то посчитает, что ему третий не нужен как и второй, он просто его уберет.

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


Здесь мы видим, что у него есть поиск по сайту, что для кого то очень главным аспектом будет. И скажу больше, что он имеет красивый эффект при клике на его, а точнее он начинает немного удлиняться.

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

Меню сайта


Основы этого материала узнали и приступаем к установке.

1) Создаем папку CSS и загружаем в корень сайта, тот оттенок, который вам нужен.
2) Копируем скрипт и ставим там где вам нужно, но как основа идет, это вверх сайта в самый низ.

Скрипт:

Код
<link rel="stylesheet" type="text/css" href="/demo_file/fix_menu/css/reset.css" media="screen" />  
<link rel="stylesheet" type="text/css" href="/demo_file/fix_menu/css/style.css" media="screen" />  
<div id="menu_div">  
<div id="navigation">  
<div id="menu">  
<ul id="nav">  
<li><a href="http://internetempire.ru/">Главная</a></li>  
<li><a href="#">Меню</a>  
<ul>  
<li><a href="#">Подменю</a></li>  
<li><a href="#">Подменю</a></li>  
<li><a href="#">Подменю</a></li>  
<li><a href="#">Подменю - Уровень 2</a>  
<ul>  
<li><a href="#">Подменю 2</a></li>  
<li><a href="#">Подменю 2</a></li>  
<li><a href="#">Подменю - Уровень 3</a>  
<ul>  
<li><a href="#">Подменю 3</a></li>  
<li><a href="#">Подменю 3</a></li>  
</ul>  
</li>  
</ul>  
</li>  
</ul>  
</li>  
<li><a href="#">Меню 2</a>  
<ul>  
<li><a href="#">Подменю</a></li>  
<li><a href="#">Подменю</a></li>  
<li><a href="#">Подменю</a></li>  
<li><a href="#">Подменю - Уровень 2</a>  
<ul>  
<li><a href="#">Подменю 2</a></li>  
<li><a href="#">Подменю 2</a></li>  
</ul>  
</li>  
</ul>  
</li>  
<li><a href="#">Меню 3</a>  
<ul>  
<li><a href="#">Подменю</a></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>  
<!-- Форма Поиска -->  
<form class="searchform" onsubmit="document.getElementById('sfSbm').disabled=true" method="get" action="/search/">  
<input class="searchfield" type="text" name="q" maxlength="45" value="Поиск..." onclick="if (this.value=='Поиск...'){this.value='';}"/>  
</form>  
<!-- / Форма Поиска -->  
</div>  
</div>  
</div>


Источник: http://internetempire.ru/
06.02.2016 Загрузок: 18 Просмотров: 956 Комментарий: (82)

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

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

Комментарий: 81
YaVi
YaVi 06.02.2016 01:471
+1
Не плохое меню)
tsakonter
tsakonter 06.02.2016 01:492
0
Но они основном идут похожие, здесь как понимаю, не нужно не чего красить а просто выставит тот цвет который нужен. И убрать некоторые под меню, особенно 3 положение.
YaVi
YaVi 06.02.2016 01:515
0
Ну это уже вам решать, что убирать) Меню в вашем распоряжение)
Kosten
Kosten 06.02.2016 01:493
0
Полностью согласен, ты сам такое замутил?
YaVi
YaVi 06.02.2016 01:527
0
Нет, рипнул)
Tergran
Tergran 06.02.2016 01:5610
0
Дайте Demo, если оно есть.
YaVi
YaVi 06.02.2016 01:5813
+1
Снизу можно увидеть
Maryges
Maryges 06.02.2016 01:5914
+1
YaVi, с меня плюс, круто ты его сделал, особенно с поиском, точно эффект есть.
YaVi
YaVi 06.02.2016 02:0015
0
Спасибо)
Kosten
Kosten 06.02.2016 02:1725
0
Но нужно грамотно рипнуть и это также нужно уметь делать.
Kosten
Kosten 06.02.2016 01:514
0
В поиске как видите нет кнопки, так что просто пишем что ищем и жмем Enter и все, то что есть найдет.
Сафрон
Сафрон 06.02.2016 01:526
0
Костен, ты на каждое меню демо ставил, что сейчас не ставишь.
Kosten
Kosten 06.02.2016 01:538
0
Но оно есть, просто забыл, так как YaVi выставил, если что он пропишет здесь.
Tergran
Tergran 06.02.2016 01:559
0
Согласен, что 3 уровня, это перебор, но главное вы сами можете потом поставить как нужно, это не трудно убрать и вообще без под меню сделать.
YaVi
YaVi 06.02.2016 01:5711
+3
С разрешения Администрации, ставлю ссылку на Демо
csretven
csretven 06.02.2016 02:0316
0
Благодарствую, нормально смотрится, вообще мне темный цвет сочетанием желтого всегда нравиться.
YaVi
YaVi 06.02.2016 02:0417
0
Я рад что Вам понравилось)
Сопрано
Сопрано 06.02.2016 02:0718
0
Больше поиск понравился, но само меню сделано стандартно, но когда надо, не когда не найдешь.)
YaVi
YaVi 06.02.2016 02:1121
0
Да, поиск отличный)
AnTron
AnTron 06.02.2016 01:5812
+1
Зайдите на источник и там найдете меню и посмотрите его в работе.
ucozmental
ucozmental 06.02.2016 02:0919
0
Всем спасибо, кто его делал, кто залил на сайт, искал такое примерно, теперь нашел, пошел переставлю.
YaVi
YaVi 06.02.2016 02:1120
0
Спасибо Администрации сайта) Она для Вас работает)
Сафрон
Сафрон 06.02.2016 02:1322
0
Вам также спасибо, он у вас же берет материал, то сейчас бы простые скрипты были, но иногда оригинальные, сегодня просто праздник, что не скрипт, все уникальное.
YaVi
YaVi 06.02.2016 02:1523
0
Пожалуйста) У нас с ним один путь, удивлять Вас материалами)
Kosten
Kosten 06.02.2016 02:1524
0
Сафрон, так же кто не запрещает, если берешь материал, так будь добр установи автора и источник.
Сафрон
Сафрон 06.02.2016 02:2826
0
Да, все правильно, но все же новостные сайты ссылаются на источник, а почему эта тематика, что чем то отличается.
1 2 3 4 5 »
avatar