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

Меню сайта горизонтальное AR-3 для uCoz

По дизайну светлое или можно сказать белое Меню сайта горизонтальное AR-3 для uCoz которое можно назвать кнопочное. Так как здесь все разделы разъединены а не как основном идут по своему дизайну, слитно или одной картинкой. Что то по стилям уже заливал на сайт и они похожи, только немного функций другие. Здесь вы можете установить хоть на каждую категорию, которую пропишите, и под нее рубрики. Это может быть как шаблоны для сайта, наводим на это и нам выдают, какие. К примеру игровые иди для софта, здесь смотря у кого какая тематика сайта.

Код:

Код

<div id="Navigation">
<ul class="Navigation">
  <li><a href="#">ГЛАВНАЯ</a></li>
<li><a href="http://zornet.ru/">СКРИПТЫ UCOZ</a></li>
  <li><a href="#">ВСЕ ДЛЯ САЙТА</a>
<li><a href="#">ZORNET.RU</a>
<ul>
  <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="#">ZORNET.RU</a></li>
  </ul>
<li><a href="#">О НАС</a>

  </li>

CSS:

Код

html{
  min-height:100%;
}

.Navigation{
  height: 50px;
  padding: 0;
  margin: 0;
  position: absolute;
}

.Navigation li {
  height: auto;
  width: 150px;
  float: left;
  text-align: center;
  list-style: none;
  font:12px "Bonveno", "Century Gothic";
  padding: 0;
  margin: 0;
  background-color: #eee;
  border: 1px solid #ccc;
  box-shadow: 0 1px 0 rgba(255,255,255, .9) inset, 0 1px 3px rgba(0,0,0, .1);
  border-radius: 3px;
  margin-left:10px;
}

.Navigation a{
  padding:13px;
  text-decoration: none;
  color:#333;
  text-shadow: 0 1px #fff;
  display: block;
}
.Navigation li ul{
  display: none;
  height: auto;
  margin-left: -11px;
  padding: 0;
}

.Navigation li:hover ul{
  display: block;
}

.navbar li ul li {
  background-color:#eee;
  border: 1px solid #ccc;
}

.Navigation li:hover, a:hover {
  background: #e8e8e8;
}

21 Апреля 2015 Просмотров: 1782 Комментариев: (0)

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

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

Kosten

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