Новое серое меню как на Diz-cs - Скрипты от Diz-CS

18:45:52

, 05.05.2024, Вс | RSS Правила сайта и форума Задать вопрос администрации Получить услуги сайта Вступить в команду сайта Наша группа в Telegram

Natus Create - Студия по созданию веб-сайтов

Страница 1 из 2 1 2 »
Модератор форума: -SAM-

Активный форум » WEB-мастеру » Скрипты для uCoz » Скрипты от Diz-CS » Новое серое меню как на Diz-cs (Новое меню!))

Новое серое меню как на Diz-cs

[Pro]_Fan

Дата: Вс, 17.07.2011, 13:10:32 | Сообщение # 1

Мошенник

723 Сообщения:

100 Награды:

0 Отзывы:

Опять для вас, дорогие пользователи, представляю меню Diz-cs.ru (Темный вид). Выполнено качественно, багов нет. Так как сам это меню ставил, могу сказать - по дизайну смотрится красиво и на любом темном дизайне сайта оно будет шикарно выглядеть. Создано меню только для темного портала.

Приступаем к установке.

В блок вашего сайта, куда решать вам:

Код

<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="хинт">Название</a></li>
<li><a href="ссылка" title="хинт">Название</a></li>
</ul>

В CSS прописываем этот стиль:

Код

/*Menu for DS rip by [Pro]Fan*/
.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://diz-cs.ru/kan/b_nab_mn.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;padding-top:3px;}
.bnav li:first-child {border:0;}
.bnav li a:link,
.bnav li a:active,
.bnav li a:visited {height:22px; display:block; color:#b5b5b5;padding-top:3px;}
.bnav li a:hover {text-decoration:none; text-shadow:0 0 3px #313131;}
/*----*/

---UPD. от 16.06.2012: Добавлен скрин и исправлена ошибка в css (padding-top:3) + спустя добавлено описание. © -SAM- ---

Прикрепления: 6166683.png (2.8 Kb)

perec200

Дата: Вс, 17.07.2011, 13:22:32 | Сообщение # 2