Добавлено: 11.02.2010 | Источник: http://vsebudetok.net
|
 В этом уроке собраны 12 меню на чистом CSS - без картинок и Javascript. Разметка для всех меню одинаковая - разница только в
стилях оформления. Главаня идея заключается в том, что у нас есть
большая ссылка с названием и текст с описанием под ней. Описание может
быть спрятано с помощью visibility:hidden и потом
показано при наведении мышки на элемент. Название и описание находятся
в <span> и это
позволяет нам им оформить как угодно. Базовая разметка: >>>ДЕМО<<< 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> Стили находятся в исходниках! Меняйте цвета и другие настройки и у Вас получится неповторимый вариант. Удачи! Исходники:
Доступно только для пользователейnarod.ru (61kb)
depositfiles.com (61kb)
Прикрепления: Картинка 1 |
|
Категория: Скрипты для uCoz |
Просмотров: 805 |
Добавил: Vsebudetok
|
Теги: Скачать Набор из 12 CSS меню, скачать Набор из 12 CSS меню для uCoz бесплатно
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ]
| 
Получить прямую ссылку на Новость!
Как установить Шаблон?!
Любое копирование и распространение материала, без указания источника ЗАПРЕЩЕНО!
