» »

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


Прежде чем увидеть это Красивое горизонтальное меню KANVAD для ucoz решил его немного переделать в плане дизайна. Оно было слишком светлое и надписи у него в этой гамме и смотрелось как то обыденно. Там идут 2 ссылки на картинке и им решил предать совершенно другой оттенок, чтоб было реально видеть сам скрипт на шаблоне. Как получилось не мне судить, мне понравились у него небольшие полоски, сто присутствуют. Вы также можете изменить его и подогнать по оттенку к своему интернет ресурсу, так как сложного не чего нет и немного времени займет или просто взять это. Нужно еще сказать, что при наведение идет эффект а точнее меняется.

Установка: Копируем и заменяем ссылки на свои.

Код:

Код
<div id="bluemenu">
  <ul>
  <li><a href="http://zornet.ru/" class="current">Главная</a></li>
  <li><a href="http://zornet.ru/">Шаблоны для ucoz</a></li>
  <li><a href="http://zornet.ru/">Скрипты для ucoz</a></li>
<li><a href="http://zornet.ru/">ZORNET.Ru для ucoz</a></li>
  <li><a href="http://zornet.ru/">Иконки</a></li>
  </ul>
</div>


CSS:

Код
#bluemenu{
  display:block;
  height:50px;
  font-size:10pt;
  font-family:Verdana;
  font-weight:bold;
  background:transparent url(http://zornet.ru/CSS-ZORNET/gerav/refad/06311512.gif) repeat-x top left;
  border-bottom:1px solid #5E6F87;
}

#bluemenu ul{
  margin:0px;
  padding:0;
  list-style-type:none;
  width:auto;
  }

#bluemenu ul li a{
  display:block;
  float:left;
  color:#EAF3FF;
  padding:17px 20px 17px 20px;
  text-decoration:none;
  border-right:1px solid #5E6F87;
}

#bluemenu ul li a:hover, #bluemenu ul li a.current{
  display:block;
  float:left;
  color:#FFFFFF;
  padding:17px 20px 17px 20px;
  text-decoration:none;
  background:transparent url(http://zornet.ru/CSS-ZORNET/gerav/refad/1235399092.gif) repeat-x top left;
}


08.04.2015 Просмотров: 358 Комментарий: (0)

Поделиться в социальных сетях

Материал разместил

Комментарий: 0
avatar