Блог

Установка:

Код нашего меню:

Code

<div id="menu1">
  <ul>
  <li><a href="">
  <span class="title">About</span>
  <span class="text">Who we are</span>
  </a>
  </li>
  <li><a href="">
  <span class="title">Portfolio</span>
  <span class="text">What we do</span>
  </a>
  </li>
  <li><a href="">
  <span class="title">Blog</span>
  <span class="text">What we talk about</span>
  </a>
  </li>
  <li><a href="">
  <span class="title">Contact</span>
  <span class="text">How to get in touch</span>
  </a>
  </li>
  </ul>
</div>

Стили между head и /head:

Code

В данном сете 12 видов меню, выше приведен пример установки первого меню.

Для того чтобы установить остальные примеры меню , например "5-е" меню из демо. Заменяете эту строчку:

Code

На эту:

Code

И прописываете между head и /head:

Code

Все файлы в прикрепленном архиве! Заливаем в папку css

Спасибо за внимание!

Если что не понятно спрашиваем в комментариях.