Главная
uCoz FAQ
Портфолио
Отзывы
Обратная 
связь
Вход

Главная » Статьи » » Меню[ Добавить статью ]
Строгое серо-синее вертикальное меню для ucoz
Красивое вертикальное меню для ucoz в серых и синих тонах. Меню ucoz имеет эффект пластика.

Установка:

1. Копируем код и вставляем в CSS:
ul#menu {list-style-type:none; margin:0; padding:0;}

ul#menu li a{
color:#909090;
background: url(http://wallaby.ucoz.ru/menu/vert_menu5.png) no-repeat 0 0;
text-decoration:none;
width: 200px;
height: 55px;
display:block;
border:none;
text-shadow: #ddd 2px 2px 0;
}

ul#menu li a:hover{
background-position: 50% 100%;
width: 200px;
height: 55px;
display:block;
color:#fff;
text-shadow: #1185EE 2px 2px 0;
}

ul#menu li a span{
font-family:sans-serif;
font-size:18px;
padding:17px 0 0 20px;
display:block;
}

2. Вставляем в любой блок на сайте(туда, где хотим видеть вертикальное меню):
<ul id="menu">
<li><a href="#"><span>Главная</span></a></li>
<li><a href="#"><span>Поиск</span></a></li>
<li><a href="#"><span>Регистрация</span></a></li>
<li><a href="http://wallaby.ucoz.ru/sitemap.xml"><span>Карта сайта</span></a></li>
<li><a href="#"><span>О сайте</span></a></li>
</ul>




Источник:
Категория: Меню | Добавил: sahsar (16.01.2012) | Автор: E W
Просмотров: 1974 | Комментарии: 5 | Теги: | Рейтинг: 0.0/0
Всего комментариев: 0

Скачать файл можно после просмотра рекламы: