Меню для тёмных дизайнов - Скрипты для uCoz

18:31:49

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

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

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

Меню для тёмных дизайнов (красивое меню для темных дизайнов!)

Меню для тёмных дизайнов

Flon

Дата: Сб, 18.02.2012, 00:48:10 | Сообщение # 1

Пользователь

96 Сообщения:

6 Награды:

0 Отзывы:

Skype пользователя:

Сайт пользователя:

Скрин ---> http://savepic.su/1432731.png
Вот это в блок
[codes]<ul class="block_menu">

<li><a href="#">Текст меню</a></li>

<li><a href="#">Текст меню</a></li>

<li><a href="#">Текст меню</a></li>

<li><a href="#">Текст меню</a></li>

<li><a href="#">Текст меню</a></li>

<li><a href="#">Текст меню</a></li>

<li><a href="#">Текст меню</a></li>

</ul>[/codes]
А это в CSS
[codes]
/*New menu by FLON*/
.block_menu {margin: 0; padding: 0; list-style: none;}
.block_menu li {
background-image: url(/block_menu_bg.png);
background-repeat: no-repeat;
background-position: left top;
padding-bottom: 3px;
}

.block_menu a {
background-image: url(/block_menu_bg.png);
height: 20px;
width: 195px;
display: block;
line-height: 21px;
padding-left: 20px;
}

.block_menu a:link,
.block_menu a:active,
.block_menu a:visited {text-decoration: none; color: #363636;}
.block_menu a:hover {
text-decoration: none;
background-position: left bottom;
color: #464646;
padding-left: 40px;
width: 175px;
}
/----------------------/
[/codes]
Вот это в файловый менеджер http://depositfiles.com/files/qo5c0l4lb

mak1ch

Дата: Сб, 18.02.2012, 09:54:14 | Сообщение # 2