Меню полностью сделано на CSS что не будет грузить ваш сайт.
Установка
Вставляем данный код туда где хотим видеть меню(лучше всего в верхнию часть сайта):
Code
<!--/Joomla.uCoz.Com-->
<link href="http://joomla.ucoz.com/1/4/engine.css" rel="stylesheet" type="text/css">
<ul id="menu">
<li><a href="http://joomla.ucoz.com/"><img src="http://joomla.ucoz.com/1/4/home.png" width="12" height="12">
Главная</a></li>
<li>
<a href="">Joomla.uCoz.Com</a>
<ul>
<li>
<a href="">Joomla.uCoz.Com</a>
<ul>
<li><a href="http://joomla.ucoz.com">Joomla.uCoz.Com</a></li>
<li><a href="http://joomla.ucoz.com">Joomla.uCoz.Com</a></li>
<li><a href="http://joomla.ucoz.com">Joomla.uCoz.Com</a></li>
<li><a href="http://joomla.ucoz.com">Joomla.uCoz.Com</a></li>
</ul>
</li>
<li>
<a href="">Пункт 1.2</a>
<ul>
<li><a href="">Joomla.uCoz.Com</a></li>
<li><a href="">Joomla.uCoz.Com</a></li>
<li><a href="">Joomla.uCoz.Com</a></li>
<li><a href="">Joomla.uCoz.Com</a></li>
</ul>
</li>
<li>
<a href="">Joomla.uCoz.Com</a>
<ul>
<li><a href="">Пункт 1.3.1</a></li>
<li><a href="">Пункт 1.3.2</a></li>
<li><a href="">Пункт 1.3.3</a></li>
<li><a href="">Пункт 1.3.4</a></li>
</ul>
</li>
<li>
<a href="">Joomla.uCoz.Com</a>
<ul>
<li><a href="">Пункт 1.4.1</a></li>
<li><a href="">Пункт 1.4.2</a></li>
<li><a href="">Пункт 1.4.3</a></li>
<li><a href="">Joomla.uCoz.Com</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="">Пункт 2.2</a>
<ul>
<li>
<a href="">Пункт 2.2</a>
<ul>
<li><a href="">Пункт 2.1.1</a></li>
<li><a href="">Пункт 2.1.2</a></li>
<li><a href="">Пункт 2.1.3</a></li>
<li><a href="">Пункт 2.1.4</a></li>
</ul>
</li>
<li>
<a href="">Пункт 2.2</a>
<ul>
<li><a href="">Пункт 2.2.1</a></li>
<li><a href="">Пункт 2.2.2</a></li>
<li><a href="">Пункт 2.2.3</a></li>
<li><a href="">Пункт 2.2.4</a></li>
</ul>
</li>
<li>
<a href="">Пункт 2.3</a>
<ul>
<li><a href="">Пункт 2.3.1</a></li>
<li><a href="">Пункт 2.3.2</a></li>
<li><a href="">Пункт 2.3.3</a></li>
<li><a href="">Пункт 2.3.4</a></li>
</ul>
</li>
<li>
<a href="">Пункт 2.4</a>
<ul>
<li><a href="">Пункт 2.4.1</a></li>
<li><a href="">Пункт 2.4.2</a></li>
<li><a href="">Пункт 2.4.3</a></li>
<li><a href="">Пункт 2.4.4</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="">Пункт 3</a>
<ul>
<li>
<a href="">Пункт 3.1</a>
<ul>
<li><a href="">Пункт 3.1.1</a></li>
<li><a href="">Пункт 3.1.2</a></li>
<li><a href="">Пункт 3.1.3</a></li>
<li><a href="">Пункт 3.1.4</a></li>
</ul>
</li>
<li>
<a href="">Пункт 3.2</a>
<ul>
<li><a href="">Пункт 3.2.1</a></li>
<li><a href="">Пункт 3.2.2</a></li>
<li><a href="">Пункт 3.2.3</a></li>
<li><a href="">Пункт 3.2.4</a></li>
</ul>
</li>
<li>
<a href="">Пункт 3.3</a>
<ul>
<li><a href="">Пункт 3.3.1</a></li>
<li><a href="">Пункт 3.3.2</a></li>
<li><a href="">Пункт 3.3.3</a></li>
<li><a href="">Пункт 3.3.4</a></li>
</ul>
</li>
<li>
<a href="">Пункт 3.4</a>
<ul>
<li><a href="">Пункт 3.4.1</a></li>
<li><a href="">Пункт 3.4.2</a></li>
<li><a href="">Пункт 3.4.3</a></li>
<li><a href="">Пункт 3.4.4</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="">Пункт 4</a>
<ul>
<li>
<a href="">Пункт 4.1</a>
<ul>
<li><a href="">Пункт 4.1.1</a></li>
<li><a href="">Пункт 4.1.2</a></li>
<li><a href="">Пункт 4.1.3</a></li>
<li><a href="">Пункт 4.1.4</a></li>
</ul>
</li>
<li>
<a href="">Пункт 4.2</a>
<ul>
<li><a href="">Пункт 4.2.1</a></li>
<li><a href="">Пункт 4.2.2</a></li>
<li><a href="">Пункт 4.2.3</a></li>
<li><a href="">Пункт 4.2.4</a></li>
</ul>
</li>
<li>
<a href="">Пункт 4.3</a>
<ul>
<li><a href="">Пункт 4.3.1</a></li>
<li><a href="">Пункт 4.3.2</a></li>
<li><a href="">Пункт 4.3.3</a></li>
<li><a href="">Пункт 4.3.4</a></li>
</ul></li>
<li>
<a href="">Пункт 4.4</a>
<ul>
<li><a href="">Пункт 4.4.1</a></li>
<li><a href="">Пункт 4.4.2</a></li>
<li><a href="">Пункт 4.4.3</a></li>
<li><a href="">Пункт 4.4.4</a></li>
</ul></li></ul></li>
<li><a href="#">О Нас</a></li>
<li><a href="#">Контакты</a></li>
<li><a href="#">F.A.Q.</a></li> </ul>
<!--/Joomla.uCoz.Com-->
<link href="http://joomla.ucoz.com/1/4/engine.css" rel="stylesheet" type="text/css">
<ul id="menu">
<li><a href="http://joomla.ucoz.com/"><img src="http://joomla.ucoz.com/1/4/home.png" width="12" height="12">
Главная</a></li>
<li>
<a href="">Joomla.uCoz.Com</a>
<ul>
<li>
<a href="">Joomla.uCoz.Com</a>
<ul>
<li><a href="http://joomla.ucoz.com">Joomla.uCoz.Com</a></li>
<li><a href="http://joomla.ucoz.com">Joomla.uCoz.Com</a></li>
<li><a href="http://joomla.ucoz.com">Joomla.uCoz.Com</a></li>
<li><a href="http://joomla.ucoz.com">Joomla.uCoz.Com</a></li>
</ul>
</li>
<li>
<a href="">Пункт 1.2</a>
<ul>
<li><a href="">Joomla.uCoz.Com</a></li>
<li><a href="">Joomla.uCoz.Com</a></li>
<li><a href="">Joomla.uCoz.Com</a></li>
<li><a href="">Joomla.uCoz.Com</a></li>
</ul>
</li>
<li>
<a href="">Joomla.uCoz.Com</a>
<ul>
<li><a href="">Пункт 1.3.1</a></li>
<li><a href="">Пункт 1.3.2</a></li>
<li><a href="">Пункт 1.3.3</a></li>
<li><a href="">Пункт 1.3.4</a></li>
</ul>
</li>
<li>
<a href="">Joomla.uCoz.Com</a>
<ul>
<li><a href="">Пункт 1.4.1</a></li>
<li><a href="">Пункт 1.4.2</a></li>
<li><a href="">Пункт 1.4.3</a></li>
<li><a href="">Joomla.uCoz.Com</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="">Пункт 2.2</a>
<ul>
<li>
<a href="">Пункт 2.2</a>
<ul>
<li><a href="">Пункт 2.1.1</a></li>
<li><a href="">Пункт 2.1.2</a></li>
<li><a href="">Пункт 2.1.3</a></li>
<li><a href="">Пункт 2.1.4</a></li>
</ul>
</li>
<li>
<a href="">Пункт 2.2</a>
<ul>
<li><a href="">Пункт 2.2.1</a></li>
<li><a href="">Пункт 2.2.2</a></li>
<li><a href="">Пункт 2.2.3</a></li>
<li><a href="">Пункт 2.2.4</a></li>
</ul>
</li>
<li>
<a href="">Пункт 2.3</a>
<ul>
<li><a href="">Пункт 2.3.1</a></li>
<li><a href="">Пункт 2.3.2</a></li>
<li><a href="">Пункт 2.3.3</a></li>
<li><a href="">Пункт 2.3.4</a></li>
</ul>
</li>
<li>
<a href="">Пункт 2.4</a>
<ul>
<li><a href="">Пункт 2.4.1</a></li>
<li><a href="">Пункт 2.4.2</a></li>
<li><a href="">Пункт 2.4.3</a></li>
<li><a href="">Пункт 2.4.4</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="">Пункт 3</a>
<ul>
<li>
<a href="">Пункт 3.1</a>
<ul>
<li><a href="">Пункт 3.1.1</a></li>
<li><a href="">Пункт 3.1.2</a></li>
<li><a href="">Пункт 3.1.3</a></li>
<li><a href="">Пункт 3.1.4</a></li>
</ul>
</li>
<li>
<a href="">Пункт 3.2</a>
<ul>
<li><a href="">Пункт 3.2.1</a></li>
<li><a href="">Пункт 3.2.2</a></li>
<li><a href="">Пункт 3.2.3</a></li>
<li><a href="">Пункт 3.2.4</a></li>
</ul>
</li>
<li>
<a href="">Пункт 3.3</a>
<ul>
<li><a href="">Пункт 3.3.1</a></li>
<li><a href="">Пункт 3.3.2</a></li>
<li><a href="">Пункт 3.3.3</a></li>
<li><a href="">Пункт 3.3.4</a></li>
</ul>
</li>
<li>
<a href="">Пункт 3.4</a>
<ul>
<li><a href="">Пункт 3.4.1</a></li>
<li><a href="">Пункт 3.4.2</a></li>
<li><a href="">Пункт 3.4.3</a></li>
<li><a href="">Пункт 3.4.4</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="">Пункт 4</a>
<ul>
<li>
<a href="">Пункт 4.1</a>
<ul>
<li><a href="">Пункт 4.1.1</a></li>
<li><a href="">Пункт 4.1.2</a></li>
<li><a href="">Пункт 4.1.3</a></li>
<li><a href="">Пункт 4.1.4</a></li>
</ul>
</li>
<li>
<a href="">Пункт 4.2</a>
<ul>
<li><a href="">Пункт 4.2.1</a></li>
<li><a href="">Пункт 4.2.2</a></li>
<li><a href="">Пункт 4.2.3</a></li>
<li><a href="">Пункт 4.2.4</a></li>
</ul>
</li>
<li>
<a href="">Пункт 4.3</a>
<ul>
<li><a href="">Пункт 4.3.1</a></li>
<li><a href="">Пункт 4.3.2</a></li>
<li><a href="">Пункт 4.3.3</a></li>
<li><a href="">Пункт 4.3.4</a></li>
</ul></li>
<li>
<a href="">Пункт 4.4</a>
<ul>
<li><a href="">Пункт 4.4.1</a></li>
<li><a href="">Пункт 4.4.2</a></li>
<li><a href="">Пункт 4.4.3</a></li>
<li><a href="">Пункт 4.4.4</a></li>
</ul></li></ul></li>
<li><a href="#">О Нас</a></li>
<li><a href="#">Контакты</a></li>
<li><a href="#">F.A.Q.</a></li> </ul>
<!--/Joomla.uCoz.Com-->
Готово.
Посмотреть демо Красивое выпадающие меню для uCoz
Другие новости |
Поделиться ссылкой
|
|
Ответ: Демо если вы не заметили молодой человек уже есть!