В этом уроке собраны 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>
Стили находятся в архиве
Получить прямую ссылку на файл Скрыть ссылки
| 
