Меню под светлый дизайн на ucoz

28.02.2011 Скрипты для uCoz 1971 1 Yerbol

Красивое меню со стрелками. Отлично подойдет под светлый дизайн, но при желании можно переделать под темный дизайн.

Установка:

1. Этот код вставляем в Блок:

Code

<ul class="block_menu">
<li><a href="ВАША ССЫЛКА">Главная</a></li>
<li><a href="/forum/">Форум</a></li>
<li><a href="/news/">Новости</a></li>
<li><a href="/load/">Файлы</a></li>
<li><a href="ВАША ССЫЛКА">Ваша ссылка</a></li>
</ul></div>

2. Этот код вставляем в CSS:

Code

.block_menu {margin:0; padding:0; list-style:none;}
.block_menu li a:link,
.block_menu li a:active,
.block_menu li a:visited {width:159px; height:18px; padding:2px 0 0 21px; display:block; margin:0 0 1px 0; color:#747475; text-decoration:none; overflow:hidden; background:url(http://slik.3dn.ru/site/image_to_site/block_menu.png) no-repeat 0 0;}
.block_menu li a:hover {color:#1791d0; background-position:0 -20px;}

.block_menu2 {margin:0; padding:0; list-style:none;}
.block_menu2 li a:link,
.block_menu2 li a:active,
.block_menu2 li a:visited {width:159px; height:18px; padding:2px 0 0 21px; display:block; margin:0 0 1px 0; color:#747475; text-decoration:none; overflow:hidden; background:url(http://slik.3dn.ru/site/image_to_site/block_menu2.png) no-repeat 0 0;}
.block_menu2 li a:hover {color:#1791d0; background-position:0 -20px;}

.block_menu3 {margin:0; padding:0; list-style:none;}
.block_menu3 li a:link,
.block_menu3 li a:active,
.block_menu3 li a:visited {width:159px; height:18px; padding:3px 0 0 21px; display:block; margin:0 0 1px 0; color:#747475; text-decoration:none; overflow:hidden; background:url(http://slik.3dn.ru/site/image_to_site/block_menu3.png) no-repeat 0 0;}
.block_menu3 li a:hover {color:#1791d0; background-position:0 -20px;}

Смотрите также:

1 комментарий
Порядок вывода комментариев: 0Спам 1 Coffee • 22:18, 04.03.2011 Хороший скрипт) Наверное, возьму его себе))