ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Горизонтальное меню для uCoz в оригинальном стиле

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

Редко какая навигация подходит как под светлый и темный фон, и вот Горизонтальное меню для uCoz в оригинальном стиле, что впишется аккуратно под эти оттенки. Дизайн у него оригинален, это идет полоса и на ней находятся разделы, которые вы будете создавать. Создано на CSS и что можно сказать у него будет свой неповторимый эффект, который заключается в нажатие на рубрику портала. В стилях не одной ссылки не будет и от этого грузить не будет и быстро открываться главная страница.

Каркас:

Код

<div id="menu">
<ul>
<li><a href="http://zornet.ru/">Главная</a></li>
<li><a href="#">Файлы</a></li>
<li><a href="#">Форум</a></li>
<li><a href="#">ZORNET.Ru</a></li>
<li><a href="/">Меню для ucoz</a></li>
</ul>
</div>

CSS:

Код

#menu {
  margin:0;
  padding:0;
}

#menu ul{
  margin:0;
  padding-left:10px;
  border-top: 4px solid #666;
}
#menu li{
  display: inline-block;
  margin:0;
  padding:0;
  list-style:none;
}
#menu li a{
  display:block;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:15px;
  font-weight:bold;
  color:#FFF;
  text-shadow:#000 1px 1px 1px;
  text-decoration:none;
  background-color: #999;
  padding-left:14px;
  padding-right:14px;
  padding-bottom:6px;
  -webkit-border-bottom-left-radius: 9px;
  -webkit-border-bottom-right-radius: 9px;
  -moz-border-radius-bottomleft: 9px;
  -moz-border-radius-bottomright: 9px;
}
#menu li a:hover{
  background-color:#666;
}
#menu li a:active{
  color:#CCC;
}

12 Мая 2015 Просмотров: 1430 Комментариев: (0)

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

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

Kosten

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