Главная » 2010 » Апрель » 29 » Вертикальное меню с обводкой пунктов при наведении (Скрипты для ucoz)
29.04.2010, 17:10

Вертикальное меню с обводкой пунктов при наведении



Простое, но стильное css меню с обводкой пунктов при наведении курсора мышки.

ПУ-->Управление дизайном-->CSS. Вставляем туда эти строчки:

Code
ul.uz {list-style: none; margin: 0 0 0 0; padding-left: 0px;}  
li.m {border:1px solid #ECECEC; margin: 2px; padding: 2px 2px 2px 13px; background: #ffffff;}  
li.m:hover {border:1px solid #9AC4EC; margin: 2px; padding: 2px 2px 2px 13px; background: #FFFFFF;}  
li.fr {border:1px solid #ECECEC; margin: 2px; padding: 2px 2px 2px 13px; background: #ffffff;}  
li.fr:hover {border:1px solid #C5C5C5; margin: 2px; padding: 2px 2px 2px 13px; background: #FFFFFF;}

В том месте, где хотим видеть само меню, ставим это:

Code
<ul class="uz">  
<li class="m"><a class="m" href="http://infoscript.ru/">Главная страница</a></li>  
<li class="m"><a class="m" href="/forum">Форум</a></li>  
<li class="m"><a class="m" href="/dir">Топ сайтов</a></li>  
<li class="m"><a class="m" href="forum/0-0-0-36">Правила сайта</a></li>  
</ul>
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Неизвестен
Категория: Скрипты uCoz | Просмотров: 2662 | Добавил: antisept | Рейтинг: 4.0/1 |
Теги: вертикальное, При, пунктов, меню, наведени, обводко
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]