Главная » Файлы » Скрипты для uCoz » Меню

Горизонтальное выпадающее меню для uCoz
21.06.14, 14:57:29

Скачать файл


Установка:

1) Заливаем содержимое архива в корень сайта (Через файловый менеджер)

2) Между < head > и < /head > вставляем:

Код
<link rel="stylesheet" type="text/css" href="/css/Meny.css" />

3) Вставляем следующий код туда, где хотим видеть само меню:

Код
<span class="preload1"></span>  
<span class="preload2"></span>  

<ul id="nav">  
<li class="top"><a href="Ссылка" class="top_link"><span>Пример</span></a></li>  
<li class="top"><a href="Ссылка" id="products" class="top_link"><span class="down">Пример</span></a>  
<ul class="sub">  
<li><a href="Ссылка" class="fly">Пример</a>  
<ul>  
<li><a href="Ссылка">Пример</a></li>  
<li><a href="Ссылка">Пример</a></li>  
<li><a href="Ссылка">Пример</a></li>  
</ul>  
</li>  
<li class="mid"><a href="Ссылка" class="fly">Пример</a>  
<ul>  
<li><a href="Ссылка">Пример</a></li>  
<li><a href="Ссылка">Пример</a></li>  
<li><a href="Ссылка">Пример</a></li>  
<li><a href="Ссылка" class="fly">Пример</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="Ссылка" class="fly">Пример</a>  
<ul>  
<li><a href="Ссылка">Пример</a></li>  
<li><a href="Ссылка">Пример</a></li>  
</ul>  
</li>  
</ul>  
</li>  
<li><a href="Ссылка">Пример</a></li>  
<li><a href="Ссылка">Пример</a></li>  
<li><a href="Ссылка">Пример</a></li>  
</ul>  
</li>  
<li class="top"><a href="Ссылка" id="services" class="top_link"><span class="down">Пример</span></a>  
<ul class="sub">  
<li><a href="Ссылка">Пример</a></li>  
<li><a href="Ссылка">Пример</a></li>  
<li><a href="Ссылка">Пример</a></li>  
<li><a href="Ссылка">Пример</a></li>  
</ul>  
</li>  
<li class="top"><a href="Ссылка" id="contacts" class="top_link"><span class="down">Пример</span></a>  
<ul class="sub">  
<li><a href="Ссылка">Пример</a></li>  
<li><a href="Ссылка" class="fly">Пример</a>  
<ul>  
<li><a href="Ссылка">Пример</a></li>  
<li><a href="Ссылка">Пример</a></li>  
<li><a href="Ссылка">Пример</a></li>  
<li><a href="Ссылка" class="fly">Пример</a>  
<ul>  
<li><a href="Ссылка" class="fly">Пример</a>  
<ul>  
<li><a href="Ссылка">Пример</a></li>  
<li><a href="Ссылка">Пример</a></li>  
<li><a href="Ссылка">Пример</a></li>  
<li><a href="Ссылка" class="fly">Пример</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>  
</ul>  
</li>  
<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>  
</ul>  
</li>  
<li><a href="Ссылка">Пример</a></li>  
<li><a href="Ссылка">Пример</a></li>  
<li><a href="Ссылка">Пример</a></li>  
<li><a href="Ссылка">Пример</a></li>  
</ul>  
</li>  
<li class="top"><a href="Ссылка" id="shop" class="top_link"><span class="down">Пример</span></a>  
<ul class="sub">  
<li><a href="Ссылка">Пример</a></li>  
<li><a href="Ссылка">Пример</a></li>  
<li><a href="Ссылка">Пример</a></li>  
</ul>  
</li>  
<li class="top"><a href="Ссылка" id="privacy" class="top_link"><span>Пример</span></a></li>  
</ul>

Всё, пользуйтесь на здоровье smile


Категория: Меню | Добавил: Apocalypse | Теги: горизонтальное, ucoz, для, Меню, Выпадающее
Просмотров: 426 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: