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

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

Красивое темное меню VETUB для ucoz
Темное меню вертикальном положение, которое отлично считает дизайн по установки на темный или светлый формат сайта, с элементами эффекта на CSS. Устанавливал сайт одному человеку и от туда взял это красивое темное меню, реально шикарное меню для темных дизайн сайтов, могу утверждать так как на одном сайте оно у меня стоит, и не только можно использовать под меню. При нажатие на раздел, очень красивый прогиб получается это все из за отличных стилей что идут с меню.

Приступаем к установке:
Ну здесь все просто, выбираем контейнер и вставляем наш код в БЛОК, на этом все.

С начало этот стиль прописываем внизу CSS вставляем.
Код
/*Rip menu Diz-CS*/
 .bnav {width:185px; margin:0px; padding:0px; list-style:none; font-family: Tahoma;border-top:1px solid #484747;border-bottom:1px solid #484747;}
 .bnav li {height:20px; display:block; background:url(http://zornet.ru/zornet_ru4/hover-csomsk.png) no-repeat 0 0;text-indent:10px;font-size:11px;}
 .bnav li:hover {background-position:0 -21px;}
 .bnav li:hover a:link,
 .bnav li:hover a:active,
 .bnav li:hover a:visited {color:#dedede;text-shadow:0 0 3px #313131;}
 .bnav li:first-child {border:0;}
 .bnav li a {height:22px; display:block; padding-top:3px;text-decoration:none;}
 .bnav li a:link,
 .bnav li a:active,
 .bnav li a:visited {color:#b5b5b5;}
 .bnav li a:hover {text-decoration:none; text-shadow:0 0 3px #313131;}
/*----*/

Этот код в блок где хотим видеть меню:
Код
<ul class="bnav">
 <li><a href="/" title="Главная страница">Главная</a></li>
 <li><a href="/load" title="Каталог файлов">Файловый архив</a></li>
 <li><a href="http://zornet.ru/" title="Лучший сайт для вебмастера">ZORNET.RU</a></li>
</ul>

Источник: http://diz-cs.ru/ || Исправления от -SAM-
11 Июля 2012 Просмотров: 2537 Комментариев: (1)

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

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

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

Комментарии: 1
-SAM-
-SAM- 25 Октября 2019 09:151
0
Это не рип от сайта ZorNet. Походу у вас этих дублей много, посмотрите чего было здесь (решили переписать, но суть в том, что теперь уже этот остался материал).


UPD.2: И на следующий день материал восстановлен (был мной переписан).
avatar