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

Установка:
Шаг-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>
 
 <a href="#">1Ссылка</a>
 <a href="#">Ссылка</a>
 <a href="#">Ссылка</a>
 
 </li>
 <li><a href="#">GiG-PRO.RU</a>
 
 <a href="http://gigabytes.clan.su">1Ссылка</a>
 <a href="#">2Ссылка</a>
 <a href="#">3Ссылка</a>
 
 </li>
 <li><a href="#">CSS Меню</a>
 
 <a href="#">3Ссылка</a>
 <a href="http://gigabytes.clan.su">Ссылка</a>
 <a href="#">Ссылка</a>
 
 </li>

Шаблон для школьного ...

Шапка

Pontiac Trans Am 77

1960 Ikarus 66

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

секунд Вы получите ссылку на скачивание.

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

Всего комментариев: Комментариев нет , Но вы можете написать первым

Логин:
Пароль: