2
Вы не авторизованы!
Присоединяйтесь к нашему сообществу :)
авторизация
Вакансии
На сайт требуется контент-менеджер
смотреть вакансии

Горизонтальное меню

Скрипты меню 2012-Апр-02 шкет 1.6k 0

Красивое горизонтальное меню для uCoz.

Туда где хотим видеть меню:
Code
<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:
Code
#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;  
  }
Источник: не знаю нашел в паблике
0 комментариев
avatar