Главная » Файлы » Меню для 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;  
}


Категория: Меню для uCoz | Добавил: kevin | Теги: меню для ucoz, горизонтальное, меню
Просмотров: 774 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]