С информацией
Только заголовки

Аккордеон на CSS

Вариант создания аккордеона на чистом CSS

2 примера создания аккордена без использования скриптов.

Один работает с использованием радиокнопок <input type="radio" /> , а другой с флажками <input type="checkbox" />

Читать далее

Оформление хлебных крошек

5 вариантов оформления хлебных крошек

«Хлебные крошки» – это цепочка из ссылок от главной страницы сайта до текущей.

В данной теме представлено 5 вариантов оформления таких ссылок.

Читать далее

Настраиваемое контекстное меню на элементе

Настраиваемое меню вызываемое правой кнопки мыши на заданном элементе

Очень простой jQuery код, вызывающий собственное меню по нажатию правой кнопки на нужном элементе.

Вместо меню можно использовать сообщение или показать другую информацию.

Читать далее

Фиксированное гамбургер-меню

Фиксированное гамбургер-меню на jQuery с анимированным появлением его элементов

Данное меню не рассчитано на большое количество пунктов, но отлично будет смотреться как навигационное на небольшом сайте или как вспомогательное.

Открытие и закрытие меню реализовано с использованием библиотеки jQuery

Читать далее

Адаптивное мега-меню на jQuery

Очень простое, удобное и функциональное меню на jQuery

Преимуществом данного меню является то, что для отображения его выпадающих списков не используются CSS-классы .

Читать далее

Простое горизонтальное меню на CSS

Пример создания на CSS простого горизонтального меню с выпадающими списками.

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

Читать далее

Полноэкранное мобильное меню

Полноэкранное мобильное меню с фиксированной иконкой-гамбургер

Решение выполнено с использованием библиотеки jQuery

Читать далее

Выдвижная боковая панель на CSS

Пример создания выдвижной боковой панели средствами CSS

Данное решение сделано с использованием флажка checkbox и не требует скриптов.

Использовать такую панель можно как угодно, например, для создания меню, формы обратной связи, регистрации/авторизации или любой другой информации

Читать далее