Выдвижное меню без JavaScript
HTML-код
- Опубликовано: 1 авг 2021
- Всем привет друзья, из этого видео вы узнаете как сделать выдвижное меню на чистом CSS без использования JavaScript, приятного просмотра!
Cсылки:
Архив с файлами сайта - disk.yandex.ru/d/ghPXuEna9CG_bA
Группа ssttrano вк - ssttrano_group
Мой вк - ssttrano
Группа вк RENEDE Design (логотипы) - renededisign
Музыка из видео:
Песня из видео: LAZERHAWK - SO FAR AWAY
Взято с канала: Ezek5
Песня из видео: Euan Ellis - Night Visions
Взято с канала: Definition of Chill.
Лицензия - не предоставлена
Проверено на сайте: eproves.com
Песня из видео: Euan Ellis - Night Visions
Взято с канала: Definition of Chill.
Лицензия - не предоставлена
Проверено на сайте: eproves.com
#html #css #ssttrano
*Такой контент заслуживает большего* 👍🏽
Спасибо 💫
Отличный формат. Коротко и по существу. А еще приятная атмосферная музычка)
Приятно читать)
и не громко, как иногда бывает.
Спасибо за контент, сейчас для меня это очень актуально, а Вы объяснили на примерах и доходчиво, жду еще видео, не забрасывайте. Особенно шуточки, которые проскальзывают в видео♥
Видео супер, на ютубе не хватает таких видео.
Одно удовольствие смотреть ваши видео
Афигенно! Просто и со вкусом👍
Видос супер! Всё четко, без спешки, спасибо!
рад что понравилось💫
Напишу комментарий не только в поддержку канала, а с огромной благодарностью автору!
Единственное, было бы хорошо если б текстовые подсказки-пояснения были чуть дольше на экране (приходится перематывать назад и ставить на паузу)
Друг большое спасибо тебе за такой интересный контент, давно искал как сделать простое адаптивное меню, но твой вариант просто порадовал. Супер, 👍👏😆
Оно хорошо работает на телефонах?
Друг, ты легенда, спасибо тебе большое
Спасибо за полезную инфу!!!
Как же долго я искал тебя брат, даже GPT помочь не смог, красавчик!!!
Привет спасиба за меню необычный и интересно продолжай том же духе
Очень круто, ты заслуживаешь намного больше подписчиков, удачи тебе!
Спасибо большое, очень полезное видео!!!!!
Красиво:)
Рекомендую для стилизации первой буквы псевдоэлемент :first-letter вместо span в HTML
Очень круто и классно 👍
Спасибо больше, очень понятно, полезно и очень помогло
Спасибо, здорово!
Не думал что таким способом можно делать выдвижное меню, красавчик чувак
Супер! Большое спасибо! Подписался на канал
Самый кайфовый гайд, спасибо
как же красивый background😊
Здорово получилось
Спасибо за информацию
Красавец !!!!
Классно получилось)
топ канал, с топ контентом
Спасибо, Вам
Красаучик)
Дуже дякую за відео!!
ты топ пацан обеснил здорова маладец 👌👍
spasibo bolishoe!!!
Все отлично, но попробуй увеличить экран в области, где идет написание кода.
Всем спасибо за просмотр)
Теперь ваша задача - написать какие либо свои вопросы, если они есть
А моя - найти программу для записи что бы не было потери фпс при записи...
Помоги пожалуйста!!!
У меня меню открывается ПОД блоками , как это можна исправить?
Ну чтож, теперь надо точно тоже пилить видос
чел просто мега гений спасибо
Спасибо большое!!!
Спасибо ❤
Кста безусловно лайк
💪🏿
Рука Владика?
Такой контент топовий
спасибо🍉
Мне понравилось
Супер, что сказать
Спасибо, аххах
харош
Это очень красиво и просто!
Но у меня вопрос: можно сделать, что бы он выдвигался при нажатии или что бы при убирани курсора, он также плавно задвигался назад?
Гут 👍
7:36 эффект наведения
аххааххаа я скачал архив думая что найду там фотку и поверстаю но там все готово, спасиба
Видос интересный . Правда чот у меня менюшка так и не открылась. Но с твоего архива работает.
Кстати а почему в файле из твоего архива нету backdrop?
У меня тоже она не открывается
Гайд доступный и понятный, но таблички с всплывающим текстом подсказок лучше сделать чуть подольше, а то не успеваешь читать(
У меня есть вопрос. Почему когда я навожу на определенную часть этой навигационной панели, то она сворачивается даже если я не нахожусь за ее пределами?
не получается, пишу точь в точь, а нифига не работает? может быть из-за формата картинки?
а так спасибо, очень кратко и по существу
я получил оргазм глаз, спасибо.
Хорошо что только глаз, аххах
Пхпхахахахаха почему че тут такого красивого
а как зделать так чтобы текст который тбудет на этой страничке не урезал меню навигации,тоесть чтобы меню навигации было планов више?
а подскажите , а как сделать так чтобы текст находился под эти меню когда открываешь панель, а не так что бы пишешь текст.. а он появляется сверху в углу и панель навигации делает
отступ вниз и текст не перекрывается панелью
таке саме питання
7:42 главная мысль: выдвижение меню
Чё делать, если при увеличении масштаба менюшка ломается?
У меня не ушло меню влево оно сбоку экрана появляется и все
А ты можешь добавит логотип и поск у меня не получилось добавит в логотип
а что по таблет и моб?
А как сделать навигацию не сверху, а сбоку: чтобы основной контент двигался, когда разворачиваешь меню?
+
Js
Поменял в шаблоне текст, теперь не работает меню. Кто знает как исправить?
Проблема с картинками можно подробнее 🥱
Есть одна проблема когда я хотел сделать анимацию что бы при наведение открылось и закрывалост я так же все писал но нечего не работает что делать подскажите?
Можете в личные сообщения отправить скриншоты кода, помогу
Помогите пожалуйста!!!
У меня меню открывается ПОД блоками , как это можна исправить?
За видос спасибо, лайк поставил)
Скорее всего проблема в том что в меню не прописано position: fixed;
Если не поможет то напиши в вк, буду рад помочь)
@@ssttrano Если я использую эту функцию, у меня пропадает все меню
@@presstoff9470 Допиши так же top:0; left:0;
Если что то пойдет не так и не сработает то напиши в вк, разберемся со всеми проблемками
@@ssttrano да, спасибо) Уже решила проблему)
проблема картинки нема и остум між home
profel
registration
enter як исправить
проблема ришина
А как убрать передние точки у ссылок,и подчеркивание?
пишешь
li {
list-style: none
}
a {
text-decoration: none
}
@@ssttrano все благодарю брах
А как разместить текст в блоке вне меню, чтобы он был поверх фото?
Если я правильно тебя понял, то у меня есть видео на канале, про размещение текста над картинкой
Просто position: absolute и z 1
Бля я не на компе, напиши z и там найдешь
Гол назад ну ок
Как добавить текст, а то всё слетает?
привет, если помощь еще требуется то можешь связаться со мной в вк
Если сможешь здеат и улучить тогда я потишус и скажу друзям чтобы подписались
@ssttrano можно текст?
Текста больше нет
@@ssttrano Ну ладно