Главная » Файлы » Меню для uCoz » Выпадающее меню для uCoz
Красивое выпадающие меню для uCoz
[ · Скриншот ] 19.04.2012, 03:50
Красивое выпадающие меню для uCoz

Меню полностью сделано на 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-->
Категория: Выпадающее меню для uCoz | Добавил: kevin | Теги: красивое, ucoz, Выпадающее меню для Ucoz, для, меню, выпадающие
Просмотров: 901 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]