ZorNet.Ru — сайт для вебмастера » Меню для сайта » Красивое меню сайта для ucoz-ZOR

Красивое меню сайта для ucoz-ZOR

Красивое меню сайта для ucoz-ZOR
Вот очень красивое меню только не известно с какова сайта или шаблона. Оно подойдет как к светлому по дизайн сайту так и темному и если даже фон будит темный меню будит отлично смотреться на портале. При наведение курсора раздел меняет цвет и вам видно куда в какой раздел вы жмете и попадете. Вообщем много о нем не буду говорить в меру стандартное весть что то оригинальное в нем.
Установка:
Такие по фактуре меню нужен блок сайта, значит мы прописываем этот код в нем.
Код
<ul class="bnav">  
<li><a href=http://zornet.ru/>Главная</a>  
<li><a href=http://zornet.ru/forum>Форум игрока</a>  
<li><a href=http://zornet.ru/load>Файловый архив</a>  
<li><a href=http://zornet.ru/news>Новости сайта</a>  
<li><a href="http://zornet.ru/load/0-0-0-0-1">Статьи</a>  
</ul>

Этот стиль в CSS в самый низ:
Код
.bnav {width:189px;margin:3px auto;padding:0;overflow:hidden;}  
.bnav li {padding:2px 0;overflow:hidden;}  
.bnav li a {display:block;height:22px;line-height:22px; background:url(http://zornet.ru/CSS-ZORNET/ZR/bnav.png) no-repeat 0 0; color:#fff; padding:0 10px;-moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
.bnav li a:hover {background:url(http://zornet.ru/CSS-ZORNET/ZR/bnav.png) no-repeat 0 -22px;}
07 Сентября 2013 Просмотров: 3260 Комментариев: (4)

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

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

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

Комментарии: 3
ALEX14-88
ALEX14-88 08 Марта 2014 19:521
0
Не работает не фига оно
Kosten
Kosten 08 Марта 2014 20:022
+1
ALEX14-88, у других работает. Значит нужно вам попробовать еще раз поставить.
Week
Week 08 Марта 2014 22:513
0
ALEX14-88, все работает, проверил в чистом html документе.
avatar