» »

Красивое темное меню 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-
2012-07-11 Просмотров: 1805 Комментарий: (1)

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

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

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

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


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