вРазные полезности

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

источник: zornet.ru

Похожие посты