Скрипт Красивое темное меню для u Coz
Установка:
В 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 */
B BLOCK
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>