меню, с выпадающими подпунктами



Скачать бесплатно:меню, с выпадающими подпунктами

Бесплатно по ссылкам zip rar

Создают много одинаковых тем, где просят найти подобное меню, с выпадающими подпунктами. Сама долго искала в интернете, меню без лишних заморочек, которое может редактировать человек не понимающий ничего скриптах. На них руки у меня кривые, редко получалось нормально устанавливать скрипты, библеотеки и прочую мутатень.

Это простое в редактировании и установке горизонтальное выпадющее меню на одних стилях. Стиль подредактирован мной
Это пихаем в код страницы
Code
<div class="menu">  
  <ul>  
  <li><a class="hide">Главный пункт</a>  
  <ul>  
  <li><a href="" title="">Подпункт</a></li>  
  <li><a href="" title="">Подпункт</a></li>  
  </ul></li>  
  <li><a class="hide">Главный пункт</a>  
  <ul>  
  <li><a href="" title="">Подпункт</a></li>  
  <li><a href="" title="">Подпункт</a></li>  
  </ul></li>  
  </ul>  
  </div>
Это в стили
Code
.menu{background:url('/images/menu_bar.png')repeat-x;font-family:Times New Roman;width:970px;height:30px;position:relative;z-index:100;}  
  .menu ul li a, .menu ul li a:visited{display:block;text-decoration:none;color:#fff;width:100%;margin-left:15px;margin-right:15px;height:30px;text-align:center;color:#fff;line-height:30px;font-size:16px;overflow:hidden}  
  .menu ul{padding:0;margin:0;list-style:none;}  
  .menu ul li{float:left;position:relative;}  
  .menu ul li ul{display:none;font-size:11px;}  
  .menu ul li:hover a{color:#fff;background:#000000;}  
  .menu ul li:hover ul{display:block;position:absolute;left:0;width:105px;font-family:arial;font-size:13px;width:135px;}  
  .menu ul li:hover ul li a{display:block;background:#000;color:#a2a2a2;font-size:13px;width:135px;margin:1px;height:22px;line-height:22px;text-align:left;padding-left:10px;}  
  .menu ul li:hover ul li a:hover{border:1px solid #ff0000;margin:0px; color:#a2a2a2;font-size:13px;width:135px;}  

  .left_column {margin:0;float:left;width:265px;text-align:left;}  
  .right_column {margin:0;float:right;width:685px;text-align:left;padding:10px;}


Пимер можно посмотреть у меня на сайте ) Пример
Прошу не задавать вопросы по поводу дизайна, хотите подогнать под свой диз - учебник в руки и сами переделываем.

Download меню, с выпадающими подпунктами

включи мне пожалуйста