Главная » Статьи » Шаблоны » CSS

Три меню аккордеон на css и еще пять динамических

Черное меню аккордеон на css, это первое что мне хотелось бы вам показать. Горизонтальный аккордеон с контентом в виде текста и изображения выглядит насыщено в плане информации.

Перемещение по разделам легкое, код css не громоздкий и вполне понятный для переделки под свои размеры и дизайн сайта.

Второй аккордеон, тоже горизонтальный, больше похож на галерею картинок, однако, его можно использовать и как меню и в качестве галереи. Для сайта портфолио дизайнерской фирмы, например, подобное решение в дизайне сайта позволит разместить легкий блок галереи своих работ. Или, создать меню с категориями, где отличительными признаками будут характерные изображения видов работ.

Третий случай - вертикальный css аккордеон, без js и jQuery. Хорош для встраивания в левый или правый сайдбар сайта. С помощью кнопок меню можно перемещаться внутри аккордеона или настроить их ссылками на соответствующие разделы сайта, А в описания, вывести последние статьи либо дать описание разделам меню.

Четвертый - уже не аккордеон. Но тоже интересное в своем роде меню. Наводя на различные области на карте (в примере используется Италия), вы вызываете контент по выбранному региону страны. Чтобы разобраться как это работает на CSS - скачайте архив внизу поста. На самом деле ничего сложного. Можно использовать в разделе плана помещений для арендаторов или плана проведения выставки ТНП или своего рабочего места (я вечно не могу найти ручку на своем столе..).

Пятый мне самому очень понравился. Обязательно постараюсь применить это забавное меню на одном из своих новых сайтов. Внешне меню ни чем особенным себя не выдает, до той поры, пока вы не подвели к одному из пунктов меню указатель мыши. И - бах! Оно взлетает вверх! Мне нравится.

Следующее меню - классическое. Шустрое, но не хватает в нем вашего дизайнерского вмешательства. База не плохая, но уж больно оно простое меню при нынешних html5 и css3.

А это продолжение предыдущего меню, но в горизонтальном исполнении. Здесь Hover заставляет бэкграунд пункта меню немного сползти вниз. Для сайта или блог девушки вполне неплохое меню, розовое опять же.

Как это меню попало сюда, даже и не спрашивайте. Меню обычное, но в нем есть маленькая "изюминка" при наведении указателя, стрелка в активной категории, плавно сдвигается вправо. Может кто искал такое решение. Так вот оно! Вы его нашли, поздравляю!

Скачать CSS меню для сайта можно здесь.


Дата: | Категория: CSS Просмотров: 6954 | Теги: css меню для сайта, css меню аккордеон

Готовые и простые решения для быстрого создания сайта для заработка

Статьи по теме поста: Три меню аккордеон на css и еще пять динамических

Наверх