Файлы Скрипты и модификации

Серое меню как на Diz-cs

Описание:
Простенькое вертикальное меню для сайта Юкоз, которое ранее стояло на сайте diz-cs. Меню выполнено в темных тонах и отлично подойдет для сайтов c темным дизайном, но можно переделать и под другие цвета. Только для этого нужны хотя бы минимальные знания CSS.

Установка:

1. Установим HTML разметку нашего меню. Вставляем туда где хотим видеть меню:
Код
<ul class="bnav">  
<li><a href="#" title="Главная">Главная</a></li>
<li><a href="#" title="Форум">Форум</a></li>  
<li><a href="#" title="Статьи">Статьи</a></li>  
<li><a href="#" title="ТОП сайтов">ТОП сайтов</a></li>
<li><a href="#" title="Галерея">Галерея</a></li>  
<li><a href="#" title="Поиск">Поиск</a></li>  
<li><a href="#" title="Скрипты uCoz">Скрипты uCoz</a></li>
<li><a href="#" title="Фотохостинг">Фотохостинг</a></li>  
<li><a href="#" title="Просто музыка" style="color: red;">Просто музыка</a></li>  
<li><a href="#" title="Мониторинг серверов">Мониторинг серверов</a></li>  
</ul>

2. Далее установим каскадные стили (CSS). В самый конец вашего CSS файла:
Код
.bnav {border-top:1px solid #484747;border-bottom:1px solid #484747; width:185px; margin:0px; padding:0px; list-style:none; font-family: Tahoma; font-size:11px; }  
.bnav li {background:url('http://upload-files.do.am/_ld/1/69058505.png') no-repeat 0 0; height: 21px;}
.bnav li:hover {background-position:0 -21px;}  
.bnav li a {display: block; color:#b5b5b5; padding: 4px 11px; text-decoration: none;}
.bnav li a:hover {color:#dedede; text-shadow:0 0 3px #313131;}


На этом установка закончена up
Источник: diz-cs.ru
Загрузка данных...
Материал «Серое меню как на Diz-cs» ещё никто не комментировал.
Добавлять комментарии могут только зарегистрированные пользователи.
Войдите на сайт или Зарегистрируйтесь
Мини-чат
Для добавления необходима авторизация
Наш опрос
Оцените мой сайт
697 ответов
Архив
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Никого нету
Сегодня нас посетили
© 2012-2018 «For-uCoz». Дизайн и верстка Snoopak Хостинг от uCoz