Меню для сайта 

  • 7
  • 5
  • Опубликовано: 2021-01-03
Создал такую страницу на своём сайте во время изучения и тренировки в создании удобных и функциональных меню для сайта.
На этой странице сделал, и показываю три вида меню, подходящих для любого проекта. Это МНОГОУРОВНЕВЫЕ меню.
Самое интересное, что делаются они очень просто. Так: 2 из 3-ёх показанных там меню сделал только лишь на HTML+CSS, и лишь для 3-ьего (самого удобного, на мой взгляд) добавил небольшой код JavaScript. Получилось "скрытое" многоуровневое меню, которое можно открыть/закрыть кликом по иконке "гамбургера".
Все подробности найдёте пройдя по приложенной ссылке. Скачать любое из меню легко можно там же.
Меню для сайта

Работа понравилась 5 пользователям:

оставить комментарий могут только авторизованные пользователи

Комментарии к работе:

КомментарийАвторДата
Полезно и всё по делу!
05.01.21
Полезная страница. Всё наглядно, просто, понятно!
05.01.21
Спасибо за столь полезную информацию. Честно говоря, я была раньше даже не в курсе.
05.01.21
Отличная работа! Всё действующее, и всё сделано на совесть. Впрочем, как всегда!
05.01.21
Великолепная работа! Много очень-очень полезной информации.
05.01.21
Другие работы автора:

Тернарные операторы Успел к Новому Году закончить, и загрузить на свой сайт ещё один интересный (для тех, кто изучает JavaScript) раздел. Там показываю, и подробно объясняю, как работать с тернарными операторами. Даю алгоритмы кода для создания подобных страниц. Конечно…

Сайт-визитка "Личная страничка"

Сайт-визитка "Личная страничка" Сделал такую страничку для своего сайта, как аналог главной страницы. Для её создания использовал: Фотошоп и JavaScript + jQuery

Дизайн лендинга

Дизайн лендинга Кое-что: книга, например, была сделана в фотошоп. Светлые лучи взял из исходника, и доработал в фотошоп. Перепрограммировал из исходника, сделанного в Adobe Muse, в обычный HTML+CSS. Выбросил из 10-ти кодов 9(!), и добавил 2 действительно нужных. П…

Сайт-визитка

Сайт-визитка Сделал такой сайт во время одной из плановых тренировок по использованию таблицы стилей CSS

Информационная страница о SmartResponder

Информационная страница о SmartResponder Сделал такую информационную страницу для своего сайта. Точнее - был вынужден её сделать, т.к. рассылочный сервис "SmartResponder" прекратил своё существование 1 ноября 2016 года. У меня есть несколько разделов в портфолио, связанных с исп…

Личная страничка с примерами JavaScript

Личная страничка с примерами JavaScript Создал эту страницу, как аналог главной страницы своего сайта. Для её создания использовал JavaScript, jQuery, PHP, HTML, CSS, Photoshop.

Дизайн кнопки

Дизайн кнопки Дизайн кнопки выполнен во время изучения и тренировки в программе "Фотошоп". Другие аналогичные работы можете посмотреть по прикреплённой ссылке.

Дизайн рекламного сайта-визитки

Дизайн рекламного сайта-визитки Дизайн рекламного сайта-визитки. Сделан по заказу, полученному от посетителя моего главного сайта. Тематика бизнеса заказавшего связана с предоставлением развлекательных услуг в мини-кафе, расположенных на берегах рек. Посмотреть эту работу в натур…