Главная » 2010 » Декабрь » 20 » Серое меню
23:03:46
Серое меню

Красивое серое меню.
Меню подходит для сайтов с широкими блоками,потом что меню достаточно широкое.

Установка:

В CSS (Таблицу стилей) ставим:

Code
#menu {width:274px;font-family:arial;}
ul {list-style:none;margin:0;padding:0;}
#menu ul li {margin:0 0 3px 0;}
#menu li a {height:26px;text-decoration: none;font-size:13px;text-align:left;}  
#menu li a:link, #menu li a:visited {color:#65614c;display:block;background:url('http://u-ucoz.ru/demo/gray_menu/menu1.png');padding:10px 0 0 40px;}
#menu li a:hover {background:url('http://u-ucoz.ru/demo/gray_menu/menu2.png');color:#807c6a;}

Далее туда,где будет меню ставим:

Code
<div id="menu">
<ul>
<li><a href="/">Главная</a></li>
<li><a href="/forum">Форум</a></li>
<li><a href="/">Ссылка</a></li>

<li><a href="/">Ссылка</a></li>
<li><a href="/">Ссылка</a></li>
<li><a href="/">Ссылка</a></li>
</ul>
</div>

Ссылки меняем на свои.

Скрипты для uCoz | Просмотров: 676 | Добавил: RAIDER
Всего комментариев: 1
dzumso 01.01.2016 в 22:48:47
Спасибо за скрипт!

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]