Забыли пароль?

Красивое черно-зелёное горизонтальное меню для Ucoz

Красивое черно-зелёное горизонтальное меню для Ucoz

Красивое горизонтальное меню для Ucoz выполненное в черных и зелёных тонах прекрасное украсит ваш сайт на Ucoz.Функционирующее меню всегда важный элемент на сайте.

1)Вставить в то место где хотите чтобы отображалось меню:

<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>


2)Для того чтобы меню отображалось корректно нужно вставить этот код в 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;  
  }


Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Комментарии (0) Просмотры: 5379

Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

ТОП Новостей