Выдвижное меню без 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?
У меня тоже она не открывается
а подскажите , а как сделать так чтобы текст находился под эти меню когда открываешь панель, а не так что бы пишешь текст.. а он появляется сверху в углу и панель навигации делает
отступ вниз и текст не перекрывается панелью
таке саме питання
Чё делать, если при увеличении масштаба менюшка ломается?
аххааххаа я скачал архив думая что найду там фотку и поверстаю но там все готово, спасиба
У меня не ушло меню влево оно сбоку экрана появляется и все
Есть одна проблема когда я хотел сделать анимацию что бы при наведение открылось и закрывалост я так же все писал но нечего не работает что делать подскажите?
Можете в личные сообщения отправить скриншоты кода, помогу
а что по таблет и моб?
А как сделать навигацию не сверху, а сбоку: чтобы основной контент двигался, когда разворачиваешь меню?
+
Js
А ты можешь добавит логотип и поск у меня не получилось добавит в логотип
Гайд доступный и понятный, но таблички с всплывающим текстом подсказок лучше сделать чуть подольше, а то не успеваешь читать(
Поменял в шаблоне текст, теперь не работает меню. Кто знает как исправить?
7:42 главная мысль: выдвижение меню
я получил оргазм глаз, спасибо.
Хорошо что только глаз, аххах
Пхпхахахахаха почему че тут такого красивого
Проблема с картинками можно подробнее 🥱
проблема картинки нема и остум між home
profel
registration
enter як исправить
проблема ришина
А как убрать передние точки у ссылок,и подчеркивание?
пишешь
li {
list-style: none
}
a {
text-decoration: none
}
@@ssttrano все благодарю брах
А как разместить текст в блоке вне меню, чтобы он был поверх фото?
Если я правильно тебя понял, то у меня есть видео на канале, про размещение текста над картинкой
Просто position: absolute и z 1
Бля я не на компе, напиши z и там найдешь
Гол назад ну ок
Помогите пожалуйста!!!
У меня меню открывается ПОД блоками , как это можна исправить?
За видос спасибо, лайк поставил)
Скорее всего проблема в том что в меню не прописано position: fixed;
Если не поможет то напиши в вк, буду рад помочь)
@@ssttrano Если я использую эту функцию, у меня пропадает все меню
@@presstoff9470 Допиши так же top:0; left:0;
Если что то пойдет не так и не сработает то напиши в вк, разберемся со всеми проблемками
@@ssttrano да, спасибо) Уже решила проблему)
Как добавить текст, а то всё слетает?
привет, если помощь еще требуется то можешь связаться со мной в вк
Если сможешь здеат и улучить тогда я потишус и скажу друзям чтобы подписались
@ssttrano можно текст?
Текста больше нет
@@ssttrano Ну ладно