ZorNet.Ru — сайт для вебмастера » Меню для сайта » Темное меню BAREN для uCoz

Темное меню BAREN для uCoz

Темное меню BAREN для uCoz
Это красивое меню было взято с сайта csexpert.ru , данное меню будет красиво смотреться на темных дизайн сайтах, создано красиво все ровно, а что главное кто маленько разбирается в CSS, можете сами с меню поделать , подогнать, цвета под ваш сайт, что еще простое меню и в тоже время красивое.
Приступаем к установке:
Это в CSS пропишем этот стиль
Код
.suckerdiv ul{  
margin: 0;  
padding: 0;  
list-style-type: none;  
width: 185px;  

/*CSEXPERT.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;  
}  

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

/*CSEXPERT.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://zornet.ru/zornet_ru9/menu.png);  
}  

.suckerdiv .subfolderstyle{  
background: url(http://zornet.ru/zornet_ru9/menu.png) no-repeat center right;  
}  

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

Это в блок сайта:
Код
<div class="suckerdiv">  
<ul id="suckertree1">  
<li><a href="/" title=>Главная</A>  
<li><a href="/forum/" title=>Форум</A>  
<li><a href="/load/" title=>Файлы</A>  
<li><a href="/publ/" title=>Статьи</A>  
<li><a href="/faq/" title=>FAQ</A>  
<li><a href="/dir/" title=><font color="#ff9900">ТОП сайтов</font></A>  
<li><a href="/stuff/" title=><font color="#36cc00">Видео</font></A>  
<li><a href="http://csexpert.ru/index/photoshop/0-29" title=><font color="#0fbbff">Фотошоп онлайн</font></A>  
<li><noindex><a href="/index/nashi_bannery/0-25" title=><b>Наши баннеры</b></a></noindex>  
</div>
28 Апреля 2012 Просмотров: 2237 Комментариев: (2)

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

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

Оставь свой отзыв

Комментарии: 1
Slavik
Slavik 29 Декабря 2015 20:581
0
Красивая менюшка, под темный дизайн сайта самое то)
avatar