бургер меню - создаём заготовку на чистом html и css. Станьте спонсором канала, и вы получите доступ к эксклюзивным бонусам. Подробнее: / @htmllabru Код примера: codepen.io/htmllabru/pen/VwbNeeX
Круто, у вас в кармане мой лайк и подписка. Смотрел до этого 2 варианта. Всё очень запутанно, куча ненужного текста: БЭМ, стилизация страницы в общем всё есть, а нужного нет. Ролики почти на час. А тут просто и лаконично и только то, что нужно. Давно я такого не встречал. Спасибо)
@@HtmllabRu Спасибо больше! Я подписался на ваш канал и поставил лайк и буду часто смотреть видео по этой тематике, у вас очень интересно и информативно :)
Просто пару дней назад интересовался, нужно на сайт было) Как так получаться, что темы так совпадают с насушенными и актуальными задачами ?) (Задачу копипастом решил, но для увеличения кругозора видео посмотрел ) )
Большое спасибо за видео! Лайк! Только вопрос: почему он появляется только в момент перехода от десктопной версии к мобильной путем уменьшения экрана в инструменте разработчика? если выбрать модель смартфона (наверху из выпадающего списка) бургер не отображается...
@@user-hj6jl7bc9l у меня это показывается так dropmefiles.com/pUSF3, а у вас меню остается обычным списком? Или список пропадает и бургер не появляется?
@@HtmllabRu при выборе смартфона он появляется на секунду и пропадает, меню не отображается. Не могу понять где ошибка, ведь все делала по видео... спасибо за ответы!))
Nick de Golden, приветствую! Увеличьте ему размер шрифта: @media screen and (max-width: 500px){ [for=burger]::before { content: '☰'; font-size: 2rem; } }
@@HtmllabRu, хорошо, спасибо! :) А как сделать, чтобы бургер не перемещался при клике на него? А то у меня получается именно так... А при втором клике он возвращается на место )) А при следующем клике - опять в сторону...
А что если мне надо, чтоб бургер меню открывалось при нажатии на картинку под которой ссылку, мне в тэг лэйбл вставить нужные теги? И как тогда будет выглядить код в css, нужно ли будет сплюсовать a и img?
Или по-другому верстать, например изображение с флажком поместить в label, а сам label не прятать (при этом CSS тоже придется менять - сейчас label прячется через display:none). Или вешать js
Пишу все по видеодохожу до скрытия чекбоска, после когда прописываю @media screen ... пропадает меню ,но не появляется бургер. при записи кода именно в css файл. Если ще тот же самый код вставить в index.html , то все появляется и работает . css подключен ,все нормально работает остальное. Что не так делаю? Повторил на новой странице. все работает, возвращаюсь в свой код, только при подключении из index.html . Может кто подскажет где собака спряталась ?)
В таком случае обычно проверяю на валидаторах HTML и CSS, а потом через отладчик Chrome смотрю какие CSS-свойства применены в текущий момент элементам.