» »

Новое CS меню Diz-cs для ucoz


По мне это самое красивое меню что ставили на сайт Diz-cs для ucoz. От нового шаблона, очень строгом виде создано, есть стрелка где вы на какой раздел жмете. При нажатие красивый прогиб идет, сто отвечают за это стили. Очень шикарная навигация сайта.
Приступим к установке:
В блок сайта
Код
<ul class="bnav">  
<li><a href="/" title="Главная страница">Главная</A> </li>  
<li><a href="/forum" title="Форум">Форум</a></li>  
<li><a href="/publ/" title="Статьи">Статьи</a></li>  
<li><a href="/dir" title="ТОП сайтов">TOP Сайтов</a> </li>  
<li><a href="/photo/" title="Галерея"">Галерея</a> </li>  
<li><a href="/forum/0-0-0-6" title="Поиск"">Поиск</a></li>  
<li><a href="/index/reklama/0-20" title="Рекламное место"><span style="color:red">Свободно</span></a></li>  
</ul>

Вставляем в низ css:
Код
/*Меню - O-CSS.RU - rip by qoof for Diz-cs.ru by makar3000*/  
.bnav {width:185px; margin:0px; padding:0px; list-style:none; font-family:Arial, Helvetica, sans-serif; border-top:1px solid #000;border-bottom:1px solid #000;}  
.bnav li {height:16px; display:block; background:url(http://zornet.ru/Ajaxoskrip/menu_bg.png) no-repeat 0 0; border-top:1px solid #000;text-indent:10px;font-size:11px;padding:1px 0 0 0}  
.bnav li:hover {background-position:0 -15px;}  
.bnav li:hover a:link,  
.bnav li:hover a:active,  
.bnav li:hover a:visited {color:#048adf;}  
.bnav li:first-child {border:0;}  
.bnav li a:link,  
.bnav li a:active,  
.bnav li a:visited {height:10px; display:block; color:#fff;}  
.bnav li a:hover {text-decoration:none;}  
/*----*/
16.04.2012 Просмотров: 1010 Комментарий: (3)

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

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

Комментарий: 3
AnTron
AnTron 25.12.2015 15:581
0
Понять не могу, что они все похоже, или все же что то в дизайн меняют, здесь вот хинт виден, но в коде его нет.
nikolla76
nikolla76 25.12.2015 16:112
0
Если у кого темный дизайн, то рекомендую просто поставить и посмотреть, как встанет и какой вид будет.
Kvint
Kvint 25.12.2015 16:323
0
Уже такое было, но хотя здесь была стрелка изначально.
avatar