Главная » Статьи » Скрипты

Светлое меню для Ucoz
Скрипт нового светлого меню для сайтов Ucoz
Установка:
В CSS стиль вставляем:
Код
.suckerdiv ul{  
  margin: 2;  
  padding: 0;  
  list-style-type: none;  
  width: 190px; /* Width of Menu Items */  
  border-bottom: 1px solid #e5e5e5;  
  }  

  .suckerdiv ul li{  
  position: relative;  
  }  

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

  /* Sub level menu links style */  
  .suckerdiv ul li a{  
  display: block;  
  overflow: auto; /*force hasLayout in IE7 */  
  color: black;  
  text-decoration: none;  
  background:url('http://csomsk.ru/1-ucoz/pm/forum_name.png') #f8f8f8;  
  padding: 4px 15px;  
  border: 1px solid #e5e5e5;  
  border-bottom: 0;  
  }  

  .suckerdiv ul li a:visited{  
  color: black;  
  }  

  .suckerdiv ul li a:hover{  
  background: #f9f9f9;  
  }  

  .suckerdiv .subfolderstyle{  
  background: url() no-repeat center right;  
  }  

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


В Блок вставляем:
Код
</b></i><div class="suckerdiv"><b><i>  
  <ul id="suckertree1">  
  <li><a title="Гигбары" href="http://www.cssomsk.ru/index/0-8">Гигбары</a> </li>  
  <li><a title="Бигбары" href="http://www.cssomsk.ru/index/stranica_bigbarov/0-10">Бигбары</a></li>  
  <li><a title="Юзербары" href="http://www.cssomsk.ru/index/stranica_juzerbarov/0-13">Юзербары</a></li>  
  <li><a title="Юзербоксы" href="http://www.cssomsk.ru/index/stranica_juzerboksov/0-26">Юзербоксы</a></li>  
  <li><a title="CSOMSK - the best" href="http://csomsk.ru/">Лучшие скрипты CSOMSK.RU</a> </li>  
  </ul>  
  </i></b></div><i><b>
Категория: Скрипты | Добавил: Gamelife (02.02.2014)
Просмотров: 351 | Рейтинг: 5.0/1
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Хостинг от uCoz