» »

Меню в синих тонах цвета сайта ucoz


Меню в синих тонах, из категории Меню для сайта uCoz. По дизайну сама навигация выполнена в оригинальном оттенке цвета. Само то оно синее но где будит написано или раздел или название файла. То какой то процент будит на светлом фоне что смотреться очень красиво.

Добавляем в " CSS "

Код
#navigation {  
  display:block;  
  list-style:none;  

  }  

  .nav-lvl1 {  
  display:block;  
  width:229px;  
  height:28px;  
  line-height:28px;  
  text-indent:9px;  
  background:url(http://zornet.ru/Ajaxoskrip/Fekstura_tekst/demo/nav-lvl1-bg.gif) no-repeat;  
  font-size:1.2em;  
  font-weight:bold;  
  color:#fff;  
  text-decoration:none;  
  }  

  .nav-lvl1:hover {  
  color:#d5efff;  
  background-position:0 -28px;  
  }  
  span.invitext {  
  font-size: 1px;  
  letter-spacing: -1px;  
  visibility: hidden;  
  }  
  #navigation ul {  
  display:block;  
  list-style:none;  
  margin:4px 25px 7px 15px;  
  }  
  #navigation ul li {  
  display:block;  
  padding:1px 0 4px 12px;  
  background:url(http://zornet.ru/Ajaxoskrip/Fekstura_tekst/demo/navigation-ul-li.gif) 0 100% repeat-x;  
  }  
  #navigation ul li a {  
  display:block;  
  color:#fff;  
  text-decoration:none;  
  }  
  #navigation ul li a:hover {  
  color:#ffe199;  
  text-indent:4px;  
  }


P.S: у некоторых может сбить весь сайт , потому что несовместимые коды CSS.
Так что советую сделать копию или же попробовать на пробном сайте.

В любое место , там где хотите видеть меню вставляем.

Код
<ul id="navigation">  
  <li class="active">  
  <a href="#" class="nav-lvl1" title="">Главная</a>  
  </li>  
  <li> <a href="#" class="nav-lvl1" title="">Шаблоны</a>  
  </li>  
  <li> <a href="#" class="nav-lvl1" title="">Скрипты</a>  
  </li>  
<li> <a href="#" class="nav-lvl1" title="">Скрипты</a>  
  </li>  
  <li> <a href="#" class="nav-lvl1" title="">форум</a>  
  </li>  
  <li> <a href="#" class="nav-lvl1" title="">все для юкоз</a>  
</li>  
  <li> <a href="#" class="nav-lvl1" title="">Шаблоны</a>  
  </li>  
  <li> <a href="#" class="nav-lvl1" title="">Скрипты</a>  
  </li>  
  </ul>


P.S: качать нечего не нужно , все картинки уже имеются на одном сайте.

04.09.2013 Просмотров: 1005 Комментарий: (3)

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

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

Комментарий: 3
avatar
oleg37646 01.05.2016 19:241
0
Дайте ссылку на скачивание картинок. Картинки которые в коде, не рабочие.
Kosten
Kosten 01.05.2016 19:412
0
Увы сейчас пока не могу, не успел на свои поставить, как найду, отпишу сразу.
Kosten
Kosten 01.05.2016 20:193
0
Вообщем такой навигаций нет уже, и домен какой то порнухе прикреплен, пришлось полностью поменять материал, теперь есть демонстрация, но если кто ставить будет, сами настройте, как нужно, но центру или с левой стороны запросы были.
avatar