Описание:
Простенькое вертикальное меню для сайта Юкоз, которое ранее стояло на сайте diz-cs. Меню выполнено в темных тонах и отлично подойдет для сайтов c темным дизайном, но можно переделать и под другие цвета. Только для этого нужны хотя бы минимальные знания CSS.
Установка:
1. Установим HTML разметку нашего меню. Вставляем туда где хотим видеть меню:
2. Далее установим каскадные стили (CSS). В самый конец вашего 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>
<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;}
.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;}
На этом установка закончена
-
408.03.201311064Источник: diz-cs.ru
Комментарии
Наш опрос
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Никого нету
Сегодня нас посетили
Никто ещё не посетил
Внимание! На сайте ведутся технические работы.
Некоторые изображения и файлы могут быть недоступны
Некоторые изображения и файлы могут быть недоступны
Войдите на сайт или Зарегистрируйтесь