» »

Красное горизонтальное меню ZER-3 для ucoz


Красное горизонтальное меню ZER-3 для ucoz

Решил разместить это по своему цвету очень редкое Красное горизонтальное меню ZER-3 для ucoz, которое не ко всем ресурсам по своей гамме подойдет. Есть отличный эффект при нажимание на категорию, также хочется добавить, что нет у него под меню, это чистая классика, где можно расписать рубрика сайта, которые вы считаете главными. Подойдет ко всем ресурсам, как фиксированные таки на весь экран.

Установка:

Код:

Код
<div id="styleone">
  <ul>
  <li><a href="http://zornet.ru/" class="current">Главная</a></li>
  <li><a href="/">Шаблоны сайта</a></li>
  <li><a href="/">Скрипты сайта</a></li>
  <li><a href="/">Иконки</a></li>
  <li><a href="/">ZORNET.RU</a></li>
  <li><a href="/">Обратная связь</a></li>
  </ul>
</div>


CSS:

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

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

#styleone ul li a{
  display:block;
  float:left;
  color:#FFD6D6;
  padding:17px 20px 17px 20px;
  text-decoration:none;
  border-right:1px solid #9A2120;
}

#styleone ul li a:hover, #styleone 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/faren/58841928.gif) repeat-x top left;
}


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

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

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

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