CSS меню без использования скриптов и изображений

Предоставляю Вашему вниманию одноуровневое меню в различных стилевых оформлениях. Легкое, свежее меню без использования скриптов и изображений: только HTML разметка и CSS оформление. Описание пункта меню появляется при наведении мышки. В архиве представлено 12 стилевых оформлений одного меню.

HTML разметка представляет из себя следующий список:

<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>

Всю работу по созданию внешнего вида меню берут на себя CSS-стили, прописанные для каждого из вариантов меню.

---

Скачать архив можно здесь

---

Источник

---