Аккордеон на CSS
Вариант создания аккордеона на чистом CSS
2 примера создания аккордена без использования скриптов.
Один работает с использованием радиокнопок <input type="radio" />
, а другой с флажками <input type="checkbox" />
Вариант создания аккордеона на чистом CSS
2 примера создания аккордена без использования скриптов.
Один работает с использованием радиокнопок <input type="radio" />
, а другой с флажками <input type="checkbox" />
Меню на графическом фоне, который меняется при выборе каждого пункта
Решение выполнено на чистом CSS
5 вариантов оформления хлебных крошек
«Хлебные крошки» – это цепочка из ссылок от главной страницы сайта до текущей.
В данной теме представлено 5 вариантов оформления таких ссылок.
Настраиваемое меню вызываемое правой кнопки мыши на заданном элементе
Очень простой jQuery код, вызывающий собственное меню по нажатию правой кнопки на нужном элементе.
Вместо меню можно использовать сообщение или показать другую информацию.
Фиксированное гамбургер-меню на jQuery с анимированным появлением его элементов
Данное меню не рассчитано на большое количество пунктов, но отлично будет смотреться как навигационное на небольшом сайте или как вспомогательное.
Открытие и закрытие меню реализовано с использованием библиотеки jQuery
Очень простое, удобное и функциональное меню на jQuery
Преимуществом данного меню является то, что для отображения его выпадающих списков не используются CSS-классы .
Пример создания на CSS простого горизонтального меню с выпадающими списками.
Меню не имеет альтернативной мобильной версии, но она может и не пригодиться, т.к. пункты меню хорошо складываются на узких экранах.
Полноэкранное мобильное меню с фиксированной иконкой-гамбургер
Решение выполнено с использованием библиотеки jQuery
Пример создания выдвижной боковой панели средствами CSS
Данное решение сделано с использованием флажка checkbox
и не требует скриптов.
Использовать такую панель можно как угодно, например, для создания меню, формы обратной связи, регистрации/авторизации или любой другой информации