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

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

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

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