» »

Красивое темное меню VETUB для ucoz


Устанавливал сайт одному человеку и от туда взял это красивое темное меню, реально шикарное меню для темных дизайн сайтов, могу утверждать так как на одном сайте оно у меня стоит, и не только можно использовать под меню. При нажатие на раздел, очень красивый прогиб получается это все из за отличных стилей что идут с меню.
Приступаем к установке:
Ну здесь все просто, выбираем контейнер и вставляем наш код в БЛОК, на этом все.
С начало этот стиль прописываем внизу CSS вставляем.
Код
/*Rip zornet.ru*/  
  .bnav {width:185px; margin:0px; padding:0px; list-style:none; font-family: Tahoma;border-top:1px solid #484747;border-bottom:1px solid #484747;}  
  .bnav li {height:20px; display:block; background:url(http://zornet.ru/zornet_ru4/hover-csomsk.png) no-repeat 0 0;text-indent:10px;font-size:11px;}  
  .bnav li:hover {background-position:0 -21px;}  
  .bnav li:hover a:link,  
  .bnav li:hover a:active,  
  .bnav li:hover a:visited {color:#dedede;text-shadow:0 0 3px #313131;padding-top:3;}  
  .bnav li:first-child {border:0;}  
  .bnav li a:link,  
  .bnav li a:active,  
  .bnav li a:visited {height:22px; display:block; color:#b5b5b5;padding-top:3;}  
  .bnav li a:hover {text-decoration:none; text-shadow:0 0 3px #313131;}  
  /*----*/

Этот код в блок где хотим видеть меню:
Код
<ul class="bnav">  
  <li><a href="/" title="Главная страница">Главная</a> </li>  
  <li><a href="/load" title="Каталог файлов">Файловый архив</a> </li>  
  <li><a href="http://zornet.ru/" title="Лучший сайт">ZORNET.RU</a> </li>  
  </ul>


Источник: http://diz-cs.ru/
11.07.2012 Просмотров: 1119 Комментарий: (0)

Поделиться в социальных сетях

Материал разместил

Комментарий: 0
avatar