Главная » Файлы » Все Для Ucoz » Скрипты Для ucoz |
Серо-синие вертикальное меню для ucoz
21.10.2011, 15:37 | |
Красивое вертикальное меню для 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> | |
Просмотров: 491 | Загрузок: 0 | Рейтинг: 3.0/2 |
Всего комментариев: 0 | |