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

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

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

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

Красивое горизонтальное меню для 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;  
  }