Скриншот материала «Вертикальное выпадающее Меню для сайта UCOZ»
|
Ссылки для скачивания:
103_165_Vupadayshey.rar (11.95 MB)
Способ установки:
1. Содержимое архива Vupadaysheye meny.rar (папки img и css вместе с
содержимым, папку Бонус удаляем с архива) залеваем в корень сайта
2. Этот код вставляем после <head>
<link rel="stylesheet" type="text/css" href="/css/Meny.css" />
Если хотите что б было как меню то вставляйте в шаблоне
3. Создаете глобальный блок MENY туда вписываете это:
<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>
То что красным меняете на свое
4. Ставите $GLOBAL_MENY$ после <body>
5. Качаете файл и загружаете css в папку с названием "css" а картинки в папку с названием "img"