Название:
Выпадающее меню для сайта (голубое)
Категория:
Меню для сайта
Раздел:
uCoz - Скрипты
Просмотров:
 2217
Автор:
Неизвестен
Добавил:
Дмитрий
Комментов:
0
Добавленно:
  17.08.2013 в 23:03
Теги:
(голубое), сайта, для, меню, Выпадающее
Рейтинг:
Игровая индустрия

Выпадающее меню для сайта (голубое)

Выпадающее меню для сайта (голубое)

Красивое выпадающее меню в голубом цвете с оранжевыми стрелками. При наведении на категорию выпадает еще одна категория. Вы можете отредактировать сами под себя. Надеюсь у вас получится.

Установка:
Шаг-1 Установка CSS
Заходим в П.У - Дизайн - Упр. Дизайном(CSS) и в самый низ вставляем:
Код
ul {  
  list-style: none;  
  margin: 0;  
  padding: 0;  
  }  
   
  img {  
  border: none;  
  }  
   
  #menu {  
  width: 200px;  
  margin: 10px;  
  }  
   
  #menu li a {  
  height: 32px;  
  voice-family: "\"}\"";  
  voice-family: inherit;  
  height: 24px;  
  text-decoration: none;  
  }  
   
  #menu li a:link, #menu li a:visited {  
  color: #FFF;  
  display: block;  
  background: url(http://gigabytes.clan.su/load-ucoz/skripts/menu/6/menu.gif);  
  padding: 8px 0 0 35px;  
  }  
   
  #menu li a:hover {  
  color: #FFF;  
  background: url(http://gigabytes.clan.su/load-ucoz/skripts/menu/6/menu.gif) 0 -32px;  
  padding: 8px 0 0 35px;  
  }  
  #menu li span {  
  position: absolute;  
  left: 12em;  
  margin-top: -1.4em;  
  width: 10em;  
  display: none;  
  }  
  #menu li:hover span { display: block;}  
  #menu li span a { display: inline; }


Шаг-2 Установка HTML
Вставляем в нужное на сайте место, обычно это Глобальные блоки: Верхняя часть сайта.
Код
<div id="menu">  
  <ul>  
  <li><a href="http://gigabytes.clan.su">CSS Главная</a></li>  
  <li><a href="#">GiGabYtes.Clan.Su</a>  
  <span>  
  <a href="#">1Ссылка</a>  
  <a href="#">Ссылка</a>  
  <a href="#">Ссылка</a>  
  </span>  
  </li>  
  <li><a href="#">GiG-PRO.RU</a>  
  <span>  
  <a href="http://gigabytes.clan.su">1Ссылка</a>  
  <a href="#">2Ссылка</a>  
  <a href="#">3Ссылка</a>  
  </span>  
  </li>  
  <li><a href="#">CSS Меню</a>  
  <span>  
  <a href="#">3Ссылка</a>  
  <a href="http://gigabytes.clan.su">Ссылка</a>  
  <a href="#">Ссылка</a>  
  </span>  
  </li>

Подождите немного, сейчас файл будет подготовлен, через
секунд Вы получите ссылку на скачивание.


Зарегистрированные пользователи уже качают в то время как вы ожидаете 16 секунд.
Всего комментариев: Комментариев нет , Но вы можете написать первым
avatar