Стильное меню для uCoz

Раздел uCoz

Photoshop

Мини-чат

Мы ВКонтакте

Стильное меню для uCoz

Стильное меню для вашего сайта, выглядит оно потрясающе на любом темном шаблоне с игровой тематикой или ей близкой. Особенно стоит отметить красивый стиль шрифта и саму графику.
Это в блок:

Код

<li><a href="#">Ссылка в навигации</a></li>
<li><a href="#">Ссылка в навигации</a></li>
<li><a href="#">Ссылка в навигации</a></li>
<li><a href="#">Ссылка в навигации</a></li>
<li><a href="#">Ссылка в навигации</a></li>
<li><a href="#">Ссылка в навигации</a></li>
</ul>

В CSS:

Код

.bnav li a { display: block; width: 185px; height: 33px; background: url(http://dream-designs.ru/bnav.png) no-repeat; color: #c3c3c3; font-family: Verdana; font-size: 11px; padding: 0 5px; text-transform: uppercase; line-height: 32px; text-decoration: none;text-shadow: 1px 1px #181818;}
.bnav li a:hover { background-position: 0 -33px;-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear; }

А если хотите, чтобы с таким стилем было стандартное меню ucoz, то загрузите вот этот код в css и больше ничего не потребуется:

Код

.uMenuV li a { display: block; width: 185px; height: 33px; background: url(http://dream-designs.ru/bnav.png) no-repeat; color: #c3c3c3; font-family: Verdana; font-size: 11px; padding: 0 5px; text-transform: uppercase; line-height: 32px; text-decoration: none;text-shadow: 1px 1px #181818;}
.uMenuV li a:hover { background-position: 0 -33px;-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear; }

Всего комментариев: 0