« Трехуровневое, фиксированное CSS меню для uCoz »

Описание материала:

В данном материале, мы будет устанавливать, широкое, фиксированное, трехуровневое CSS меню на сайт в системе uCoz. Ширина меню зависит, от ширины экрана вашего устройства. Стандартный цвет меню светло-серое, а при наведение на него оно становиться черным, так же каждый раздел меню выделяться одним из шести цветов, какое меню будет у Вас решать Вам. В меню еще присутствует поиск, который расположился с правой стороны. Меню очень легко сделать, так как оно сделано из чистого CSS, без скриптов.

Установка:
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>


Все цвета которые есть в Архиве:


Скачать ( Размер архива 58.3 Kb )

По данной ссылке, Вы можете скачать или купить архив данного материала

Демонстрация

Демонстративная страница или сайт материала

Установка материала

Мы поможем установить данный материал к Вам на сайт


Добавил: YaVi | Категория: Скрипты для uCoz | Просмотров: 632 | Загрузок: 31


Поделиться в соц. сетях:

К данному материалу нет комментариев, но Вы можете стать первым, оставив свой комментарий!

Комментариев к материалу: 0
avatar