Собраны 12 меню на чистом CSS - без картинок и Javascript.
Разметка для всех меню одинаковая - разница только в стилях оформления.
Главаня идея заключается в том, что у нас есть большая ссылка с названием и текст с описанием под ней. Описание может быть спрятано с помощью visibility:hidden и потом показано при наведении мышки на элемент. Название и описание находятся в и это позволяет нам им оформить как угодно.
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>
Стили находятся в исходниках!
Меняйте цвета и другие настройки и у Вас получится неповторимый вариант. Удачи!
Исходники:
