Главная » Файлы » Меню для uCoz » Меню для uCoz |
Горизонтальное меню
[ · Скриншот ] | 30.12.2012, 03:51 |
Красивое горизонтальное меню для uCoz. Туда где хотим видеть меню: Код <div id="menu"> <ul> <li><a href="#" class="current">Главная</a></li> <li><a href="#">Скрипты uCoz</a></li> <li><a href="#">Шаблоны uCoz</a></li> <li><a href="#">Контакты</a></li> </ul> </div> В CSS: Код #menu{ /* margin:0 auto;*/ width:700px; height:59px; background:url(http://www.nizckod.ru/vsjak/33966158.jpg) repeat-x; } #menu ul{ list-style:none; margin:0 auto; width:500px; } #menu li{ list-style:none; display:block; float:left; height:59px; line-height:59px; } #menu li a{ display:block; float:left; color:#a7a7a7; text-transform:uppercase; font-size:11px; font-weight:bold; line-height:59px; text-decoration:none; padding:0 20px; } #menu li a:hover{ color:#fff; background:url(http://www.nizckod.ru/vsjak/43404672.jpg) no-repeat bottom; } #menu li a.current{ display:block; float:left; background:url(http://www.nizckod.ru/vsjak/43404672.jpg) no-repeat bottom; color:#fff; text-transform:uppercase; font-size:11px; font-weight:bold; line-height:59px; text-decoration:none; padding:0 20px; } #menu li a:hover.current{ color:#fff; background:url(http://www.nizckod.ru/vsjak/22364790.jpg) no-repeat bottom; } | |
Просмотров: 809 | Загрузок: 0 | |
Всего комментариев: 0 | |