Красивое светлое меню

14.02.2011 Скрипты для uCoz 2183 2 Yerbol

Красивое, светлое меню сайта, для светлых дизайнов, отлично подойдет под варез порталы. Автором меню является SteanS. При наведении на ссылку появляется красивый фон со стрелкой, что придает уникальность дизайну сайта.

Установка скрипта:

В CSS ставим:

Code

.blockmenu {height:20px;width: 216;font: normal 10px Arial, Helvetica, sans-serif;text-align: left;}
.blockmenu a:link,
.blockmenu a:visited {color:#229acc;text-decoration:none;padding-left:24px;line-height:20px;display:block;font-weight:normal;background:url('http://thegames.3dn.ru/img/menu_ba1.png') no-repeat;text-align: left;}
.blockmenu a:hover {color:#3eabea;text-decoration:none;padding-left:24px;line-height:20px;display:block;font-weight:normal;background:url('http://thegames.3dn.ru/img/menu_bah1.png') no-repeat;text-align: left;}

.blockmenu2 {height:20px;width: 211;font: normal 10px Arial, Helvetica, sans-serif;text-align: left;}
.blockmenu2 a:link,
.blockmenu2 a:visited {margin-bottom:2px;color:#81c8e2;text-decoration:none;padding-left:24px;line-height:20px;display:block;font-weight:normal;background:url('http://thegames.3dn.ru/img/menu_ba.png') no-repeat;text-align: left;}
.blockmenu2 a:hover {margin-bottom:2px;color:#81c8e2;text-decoration:none;padding-left:24px;line-height:20px;display:block;font-weight:normal;background:url('http://thegames.3dn.ru/img/menu_bah.png') no-repeat;text-align: left;}

А это в блок:

Code

<SPAN class="blockmenu2">
<a href="/">Главная страница</a>
<a href="/forum">Форум</a>
<a href="/load">Файлы</a>
<a href="/dir">TOP сайтов</a>
<a href="/board">Онлайн кинотеатр</a>
<a href="/stuff">Онлайн музыка</a>
<a href="/publ">Статьи</a>
<a href="/forum/0-0-0-6">Поиск</a>
</span>

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

2 комментария
Порядок вывода комментариев: 0Спам 1 Briko • 18:01, 14.02.2011 Красивое меню, уже видел на каком-то сайте 0Спам 2 Yerbol • 18:21, 14.02.2011 На TheGames стоял, кто-то рипнул и выложил в паблик, я сюда добавил.