Простое круглое меню на CSS с описанием категории при наведении на иконку
Автор: Admin Категория: Меню навигации Теги: Горизонтальное меню, Вертикальное меню, Круглое меню Дата: 1-03-2011, 18:25
Пример простого круглого меню на CSS с описанием категории при наведении на иконкуПредставляю вашему вниманию готовое решение - Простое круглое меню на CSS с описанием категории при наведении на иконку, которое я подсмотрел на замечательном сайте cssplay.
Код меню валидный DTD XHTML 1.0 Strict будем потихоньку переходить на Строгий синтаксис XHTML.
Меню корректно работает во всех современных браузерах.
Меню реализовано простым маркированным списком, при наведении курсора мышки на иконку - в центре меню появляется краткое описание категории, длина краткого описания ограничена! увидеть ограничение длины описания можно опытным путём
Картинки иконок должны быть с прозрачным фоном и того же размера что и в примере, рациональнее использовать PNG иконки с прозрачным фоном так как качество PNG иконок гораздо выше чем GIF.
Пожалуй, больше добавить тут нечего, меню замечательное, его нужно просто видеть, всё очень просто и понятно.
Посмотреть пример простое круглое меню на CSS с описанием категории при наведении на иконку
Скачать готовый пример простое круглое меню на CSS с описанием категории при наведении на иконку
Пользуемся на здоровье, не забываем комментировать и добавлять новость в закладки
Понравилась новость Простое круглое меню на CSS с описанием категории при наведении на иконку на MegaWeb.su? Сохрани в закладках или распечатай!
Информация
Если копируете мой материал - будьте добры оставлять ссылку на источник MegaWeb.su пожалуйста, или поставьте на свой сайт мою кнопочку.
Уважайте чужой труд! И Вам хорошо - и мне приятно, это стимулирует дальнейшее развитие проекта!
Другие новости по теме
Обратите внимание, возможно Вас заинтересуют другие публикации, похожие на Простое круглое меню на CSS с описанием категории при наведении на иконку из категории Меню навигации
- Меню навигации ⋙ CSS3 увеличение картинки при наведении
- Магия ЯваСкрипт / Разные скрипты ⋙ Слайдер описание картинки при наведении на CSS3
- Меню навигации ⋙ Круглое css3 меню звезда
- Меню навигации ⋙ Простое горизонтальное выпадающее javascript меню
- Меню навигации ⋙ Одна кнопка вертикальное меню аккордеон CSS + javascript
- Меню навигации ⋙ Очень красивое стильное навороченное круглое выпадающее CSS меню для сайта
- Меню навигации ⋙ Стильное необычное очень красивое круглое CSS меню для сайта в виде пчелиных сот
- Меню навигации ⋙ Вертикальное выпадающее меню на jQuery с иконками категорий
- Магия ЯваСкрипт / jQuery ⋙ Плавное увеличение картинки при наведении на jQuery
- Основы / Шаблоны ⋙ Резиновый блок DIV с закруглёнными углами тенью и фоном картинкой
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
