Голубое горизонтальное меню uCoz на CSS





Каждый, кто решится использовать голубое горизонтальное меню uCoz на CSS будет приятно удивлен тем, что оно может предложить, ведь его простата скрываем массу полезных моментов, которые будут удобны не только администратору сайта, но еще и всем, кто будет посещать ваш ресурс. Именно поэтому голубое меню uCoz просто идеально впишется под любой светлый дизайн или же под какой-то яркий шаблон, который требует доработки и расширения возможностей в работе.

Установка:

1. Данный код вставляем в CSS своего сайта:


Код
div.menu {background: #62A9FF;width: 100%;height: 40px;border-bottom: 3px solid #3B9AFF;}  
  div.menu-width {width: 900px;margin: 0 auto;}  
  ul.menu-ul {list-style: none;}  
  ul.menu-ul li {float: left;line-height: 37px;padding: 0 15px 0 15px;height: 40px;}  
  ul.menu-ul li:hover {background: #3B9AFF;-webkit-box-shadow: inset 0px 0px 5px #0374FF;-moz-box-shadow: inset 0px 0px 5px #0374FF;box-shadow: inset 0px 0px 5px #0374FF;}  
  ul.menu-ul a {font-size: 14px;color: #fff;font-family: Comic Sans MS;font-weight: normal;}



2. Данный код вставляем в верхню часть сайта или же туду, где будет горизонтальное меню:


Код
<div class="menu">  
  <div class="menu-width">  
  <ul class="menu-ul">  
  <a href="#"><li>Главная</li></a>  
  <a href="#"><li>Новости</li></a>  
  <a href="#"><li>Блог</li></a>  
  <a href="#"><li>Файлы</li></a>  
  <a href="#"><li>Видео</li></a>  
  </ul>  
  </div>  
  </div>



Категория: Скрипты меню | Добавил: GaV | Теги: горизонтальное uCoz меню, светлое меню uCoz, Голубое горизонтальное меню uCoz на
Просмотров: 666 | Загрузок: 127 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]