Категория: Скрипты для uCoz Добавил: Гость » Дата: 28.05.2011


Красивое черное меню для Ucoz. Подойдет для сайта с темным дизайном.


Установка:

1)Данный код скопировать и вставить в таблицу стилей CSS:
Code
.suckerdiv ul{  
  margin: 0;  
  padding: 0;  
  list-style-type: none;  
  width: 185px;  

  /*CSOMSK.RU*/  
  /* Width of Menu Items */  
  border-bottom: 1px solid #000000;  
  }  
  .suckerdiv ul{  
  margin: 0;  
  padding: 0;  
  list-style-type: none;  
  width: 185px;  
  /* Width of Menu Items */  
  border-bottom: 1px solid #101010;  
  }  

  .suckerdiv ul li{  
  position: relative;  
  }  

  /*Sub level menu items */  

  .suckerdiv ul li ul{  
  position: absolute;  
  width: 185px;  
  /*sub menu width*/  
  top: 0;  
  visibility: hidden;  
  }  

  /*CSOMSK.RU*/  
  /* Sub level menu links style */  
  .suckerdiv ul li a{  
  display: block;  
  overflow: auto;  

  /*CSOMSK.RU*/  
  /*force hasLayout in IE7 */  
  color: #c2c2c2;  
  text-decoration: none;  
  background: #292929;  
  padding: 3px 15px;  
  border: 1px solid #101010;  
  border-bottom: 0;  
  }  

  .suckerdiv ul li a:visited{  
  color: #c2c2c2;  
  }  

  .suckerdiv ul li a:hover{  
  background: url(http://back-bize.at.ua/SCR/menu-back-bize.png);  
  }  

  .suckerdiv .subfolderstyle{  
  background: url(http://back-bize.at.ua/SCR/menu-back-bize.png) no-repeat center right;  
  }  

  /*CSOMSK.RU*/  
  /* Holly Hack for IE \*/  
  * html .suckerdiv ul li { float: left; height: 1%; }  
  * html .suckerdiv ul li a { height: 1%; }  
  /* End */


2)Данный код скопировать и вставить в блок:
Code
<div class="suckerdiv">  
  <ul id="suckertree1">  
<a href="/" >Главная</A> </li>  
<a href="/forum/" >Форум</A></li>  
<a href="/load/" >Файлы</A> </li>  
<a href="/publ/" >Статьи</A> </li>  
<a href="/news/" >Новости</A> </li>  

  </div>
Просмотров: 456 | Комментариев: 0