» »

Горизонтальное меню 5 цветов ZER-5 для ucoz


Горизонтальное меню 5 цветов ZER-5 для ucoz

Не стал по отдельности их разбивать, так как у Горизонтальное меню 5 цветов ZER-5 для ucoz один дизайн, только вот оттенки все разные. Здесь кодом представлю светлое меню, а остальные вы можете скачать, там я их разделил и вам только нужно выбрать, какое вам нужно по названию, которые также будут представлены файлами. Тематика их не известна, но смотря на его, здесь можно с уверенностью сказать, что как на полный ресурс подойдут, так и на блог. Углов у них нет, так как идут стили с ними, если вы знаете их, то можете и доработать, хотя оригиналом они прекрасно смотрятся.

Светлое:

Код
<div id="menu_wrapper" class="grey">
  <div class="left"></div>
  <ul id="menu">
  <li><a href="#">Главная</a></li>
  <li class="active"><a href="#">ZORNET.RU</a></li>
  <li><a href="#">Скрипты сайта</a></li>
  <li><a href="#">Шаблоны сайта</a></li>
  <li><a href="#">Обратная связь</a></li>
  </ul>
  </div>


CSS:

Код
#menu {
  font-family: Arial, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  margin: 50px 0;
  padding: 0;
  list-style-type: none;
  background-color: #eee;
  font-size: 13px;
  height: 40px;
  border-top: 2px solid #eee;
  border-bottom: 2px solid #ccc;
  }
  #menu li {
  float: left;
  margin: 0;  
  }
  #menu li a {
  text-decoration: none;
  display: block;
  padding: 0 20px;
  line-height: 40px;
  color: #666;
  }
  #menu li a:hover, #menu li.active a {
  background-color: #f5f5f5;
  border-bottom: 2px solid #DDD;
  color: #999;
  }
  #menu_wrapper ul {margin-left: 12px;}
  #menu_wrapper {padding: 0 16px 0 0; background: url(http://zornet.ru/CSS-ZORNET/gerav/refad/faren/grey.png) no-repeat right;}
  #menu_wrapper div {float: left; height: 44px; width: 12px; background: url(http://zornet.ru/CSS-ZORNET/gerav/refad/faren/grey.png) no-repeat left;}


Остальные оттенки вы можете скачать, если будут вопросы, то задавайте, хотя думаю вы разберетесь. В демонстраций представлены все коды с разной гаммой.

09.04.2015 Загрузок: 4 Просмотров: 730 Комментарий: (2)

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

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

Комментарий: 2
avatar
Geka86 16.04.2016 14:101
0
Мат, вирусы в архиве распространяете?
Kosten
Kosten 16.04.2016 14:552
0
На всем интернете в этом материале нет вируса, а здесь появился, еще один мат и бан.
avatar