Красивое выпадающие меню для 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 | Добавил: AID | Дата: 27.01.2012
Посмотреть демо Красивое выпадающие меню для uCoz
12 | Администратор6342 пишет: | 12.11.2012 | 23:51 Страница с комментарием |
Вот выложил DEMO может кому и пригодиться. Может и Автор материала поставит мою ссылку как DEMO, буду очень благодарен. Цвет можно подобрать под любой сайт.

Ответ: Демо если вы не заметили молодой человек уже есть!

+ (0) -