Чтение RSS
По вопросам сотрудничества и рекламы на портале MixliP, обращаться на почту admin@turklib.ru
MixliP - Территория вебмастера! На нашем сайте вы найдете все для веб-мастеров и не только =) ! Различные скрипты для вашего сайта. И еще на нашем сайте немало софта! Заходи не пожалеешь!


Зеленое вертикальное выпадающее меню для сайта

Зеленое вертикальное выпадающее меню для сайта


Установка.

Это в CSS:

/* ====== MENU START ====== */ 

/* Root = Vertical, Secondary = Vertical */ 
ul#navmenu, 
ul#navmenu li, 
ul#navmenu ul { 
  margin: 0; 
  border: 0 none; 
  padding: 0; 
  width: 188px; /*For KHTML*/ 
  list-style: none; 
  } 

ul#navmenu:after /*From IE 7 lack of compliance*/{ 
  clear: both; 
  display: block; 
  font: 1px/0px serif; 
  content: "."; 
  height: 0; 
  visibility: hidden; 
  } 

ul#navmenu li { 
  float: left; /*For IE 7 lack of compliance*/ 
  display: block !important; /*For GOOD browsers*/ 
  display: inline; /*For IE*/ 
  position: relative; 
  } 

/* Root Menu */ 
ul#navmenu a { 
  border: 1px solid #000000; 
  border-right-color: #CCC; 
  border-bottom-color: #CCC; 
  padding: 0 6px; 
  display: block; 
  background: #87BD74; 
  color: #ffffff; 
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif; 
  text-decoration: none; 
  height: auto !important; 
  height: 1%; /*For IE*/ 
  } 

/* Root Menu Hover Persistence */ 
ul#navmenu a:hover, 
ul#navmenu li:hover a, 
ul#navmenu li.iehover a { 
  background: #50833F; 
  color: #FFF; 
  } 

/* 2nd Menu */ 
ul#navmenu li:hover li a, 
ul#navmenu li.iehover li a { 
  background: #84CC71; 
  color: #666; 
  } 

/* 2nd Menu Hover Persistence */ 
ul#navmenu li:hover li a:hover, 
ul#navmenu li:hover li:hover a, 
ul#navmenu li.iehover li a:hover, 
ul#navmenu li.iehover li.iehover a { 
  background: #50831F; 
  color: #ffffff; 
  } 

/* 3rd Menu */ 
ul#navmenu li:hover li:hover li a, 
ul#navmenu li.iehover li.iehover li a { 
  background: #D9F0D5; 
  color: #666666; 
  } 

/* 3rd Menu Hover Persistence */ 
ul#navmenu li:hover li:hover li a:hover, 
ul#navmenu li:hover li:hover li:hover a, 
ul#navmenu li.iehover li.iehover li a:hover, 
ul#navmenu li.iehover li.iehover li.iehover a { 
  background: #50832F; 
  color: #ffffff; 
  } 

/* 4th Menu */ 
ul#navmenu li:hover li:hover li:hover li a, 
ul#navmenu li.iehover li.iehover li.iehover li a { 
  background: #50833F; 
  color: #ffffff; 
  } 

/* 4th Menu Hover */ 
ul#navmenu li:hover li:hover li:hover li a:hover, 
ul#navmenu li.iehover li.iehover li.iehover li a:hover { 
  background: #D9F0D6; 
  color: #666665; 
  } 

ul#navmenu ul, 
ul#navmenu ul ul, 
ul#navmenu ul ul ul { 
  display: none; 
  position: absolute; 
  top: 0; 
  left: 186px; 
  } 

/* Do Not Move - Must Come Before display:block for Gecko */ 
ul#navmenu li:hover ul ul, 
ul#navmenu li:hover ul ul ul, 
ul#navmenu li.iehover ul ul, 
ul#navmenu li.iehover ul ul ul { 
  display: none; 
  } 

ul#navmenu li:hover ul, 
ul#navmenu ul li:hover ul, 
ul#navmenu ul ul li:hover ul, 
ul#navmenu li.iehover ul, 
ul#navmenu ul li.iehover ul, 
ul#navmenu ul ul li.iehover ul { 
  display: block; 
  } 
/* ====== MENU END ====== */






А это в блок:



<ul id="navmenu">  
  <li><a href="/" title=""></a></li>  
<li><a href="/" title=""></a></li>  
<li><a href="/" title=""></a></li>  
  <ul>  

Просмотры: 2028 Комментарии (0)
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.


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


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


Вся информация о программном обеспечении и скриптах, размещенная на данном сайте, предоставлена исключительно в ознакомительных целях и только для просмотра, и призвана помочь посетителям сайта MixliP.ru выбрать для себя и в последствии приобрести соответствующие лицензионные авторские программные продукты.


Читать полностью информацию правообладателям.


Сайт работает на хостинге BEGET.RU


Рекомендует Mixlip.RU





Наши друзья

Полезное

NEW - Анализ сайта

Оптимизация вашего сайта.

Читайте также

 Пользователи онлайн

  • Всего на сайте: 16
    Пользователей: 0
    Гостей: 15
    Роботов: 1
    Yandex