Как сверстать выпадающее многоуровневое меню
HTML-код
- Опубликовано: 8 май 2023
- Кенты, верстка многоуровневого меню на повестке дня! Очень часто бывает такая вечеринка, когда есть многостраничный сайт, и заказчик хочет впихнуть туда всю историю своей жизни. Тут без многоуровневого меню не обойтись! В этом видео вы научитесь это делать и вычеркнете эту задачу со списка "Надо бы разобраться"
Мой курс по верстке:
from0to1.com.ua/
Телеграм канал - t.me/from0to1com
Подпишитесь на канал, если вам понравилось данное видео:
bit.ly/2IFzwBZ
Вадим, ты супер!
Иногда включаю твои видосы просто для наслаждения и отдыха. Твоё общение со зрителем само по себе доставляет расслабуху и живой кайф!
Благодарю за твой труд - он приносит людям пользу!
Как давно я ждал такой урок. Вадим, спасибо!
все для тебя=)
Продолжайте делать такие мини уроки
Спасибо за урок, думаю многим понравился такой формат , очень позновательно . Еще хотим подобные интересные фишки !
Блин Вадос, выздоравливай, по голосу слышно что не всё будь здоров, ты там давай не болей дружище!
окей, спасибо
ты как отец, лучшая подача материала!! Продолжай в том же духе
Спасибо за урок, отличная подача информации 👍
Вадос выздоравливай✊ Спасибо большое за контент
спасибо, я по быстрому)
Я бы еще добавила стрелочку тем li, в которых есть подменю . а так урок супер понятный, беру на заметку 👍
Спасибо за контент, очень полезно
Автоматом уже лайк до просмотра ну и Спасибо конечно! Здоровья и благополучия.
Спасибо, актуально для меня, канал находка )
Есть вечеринка. Кокрас мне это нужно)))
отлично
Вадос, огромное спасибо за видос!!!!!!!!!!!! Много времени провел в поисках верстки выпадающего меню....
Все понятно, просто и доступно, а самое главное что без лишних замарочек и качелей.
И в продолжении темы хотелось бы посмотреть адаптив к этому меню!!!!
Еще раз спасибо за видос!!! Очень ждал его!
Вадим, большое спасибо! Подскажите а будет мобильная версия многоуровнего меню?
та я вот смотрю по коментам что многие хотят
@@vadymprokopchuk в мобилке без js не обойтись?
Спасибо большое
Благодарю!!! Это огонь!! С вашей вечеринкой и адаптив хорошо идёт (если чуток поколдовать))) О, боги... я сделала это ... Спасибо =)
Годный контен спасибо +++.
спасибо
thanks for the lesson!
thanks
Отличный ролик!
Спасибо👍
ШЕДЕВРРРРР!!!
Как всегда топ
Даёшь видос по шаблонизаторам HTML! подробный, было бы здорово! Классный видос!
Вадос выручает как никогда)
Веселуха начнётся когда это все надо будет адаптировать для мобилок))
та мы на все способны =)
@@vadymprokopchuk Запиши видос🙃
Вадим, большое спасибо! Всё понятно. Давно подписана на вашу страницу. А что надо сделать, чтобы при открытии ссылок меню было видно какая ссылка открывает следующее подменю? Если надо добавить стрелку, то как это написать?
Спасибо, не приходилось верстать такие менюшки, теперь буду знать такой принцип.
Если знаешь про Foundation Zubr, мне было бы интересно посмотреть как ты сверстаешь простой лендинг
спасибо дружище 👍
вот вы бы показали бы еще про vue 😎 верстка вещь лёгкая, база есть да и опыт а вот вьюшка уже вещь интересная
Спасибо друг за очередную годноту! Благодаря твоим видео, я могу уже простенькие сайты открытки делать. По чуть чуть иду к нмеченной цели Верстальщика !
Сколько учишься уже что научился верстать простенькие сайты, недель или месяцев?
@@IvanIvanov-ps5iz пол года учусь по видео в ютубе, нехватает времени из-за работы, так бы был бы лучше эффект в обучении
спасибо)👍
Топ контент! Дякую 👍
Вадим, спасибо, всё чётко, как всегда! Что за настройки у EMMET-а, что он разворачивает список построчно?
Не хватает адаптива(
В данных блоках адаптив сложный, а не десктоп
Вадос ти Бог! 💪💪💪👍👍👍
Класс
А можешь пожалуйста сделать видео про бургер меню
Я тебя очень сильно прошу я только твои ролики понимаю
Бургер меню, но многоуровневое, было бы круто
На марафоне есть у него бургер меню как делать
классное видео. было бы круто если бы рассказал что делать на моб. устройствах. как откл. hover чтобы не тыкать два раза. стрелку нарисовать, чтобы было понятно, что у меню есть подменю. спасибо за классную подачу
Сделайте серию уроков как это сделать например accordion, popup, переключения фона на сайте
таких видео навалом) у Вадима на канале он много раз делал
Буквально 2 дня назад ломал голову с многоуровневым списком. Много что не получалось сделать, по итогу сделал на тяп ляп*( Но сейчас, смотря видос, рили разобрался
Интересно как у тебя в мобильной версии работает многоуровневое меню
@@246Dron да никак) в проекте были свои сложности, в итоге вообще пришлось все на вордпресс пересаживать, так что менюшка вообще похерилась😭 но эт давно было, даже и вспоминать мучения не хочется
Спасибо! адаптив будет?
кстати я тоже заболел) выздоравливай
Вадим, очень бы хотел с тобой работать! Прикольный ты мужик. 👍
Спасибо Амбассадорам HTML за видео.
👍👍👍
не хватает стрелочек напротив пункта с вложенными пунктами
чтоб не гадать, где есть новая вложенность, а где нет
угу, меню работает - а что будет на мобильных? КАК оно будет работать?
не могу понять как сделать, чтобы выезжающее меню раздвигало соседние блоки (другоой контент), к примеру в футере, когда один под другим идёт
решила, может кому понадобится, в .topmenu li:hover > .submenu надо прописать position: static; Не знаю правильно ли, но мне помогло))
Кєнт топчік 😄
пока нет времени посмотреть, но я перемотал, и судя по всему здесь вообще без адаптива. Может было сказано что-нибудь по этому поводу?
На этой вечеринке должна была зажигать ЖС и Мобилочка. Бургер также, как модный перец и гвоздь программы. Они вместе должны хорошо танцевать клубняк. Менюшечка ведь на мобиле должна работать
анимация прикольная, но на телефонах и тачпадах все это не работает, нужно делать по клику.
Вроде бы и нормально но.... Что с адаптивом, как это работает на мобильных?
Вадос есть дельное предложение. Вместо примитивных макетиков, сверстать что-нибудь на уровень выше. Я о чем. Многоуровневое мега меню, с адаптивом. Чтоб все схлопывалось и работало на мобиле. Точнее, целый хедер. На пример, как в интернет магазах (розетка, фокстрот, комфи, амазон и т д). Там тебе и каталог, и блог с превьюшками статей. Крч это будет агонь. Сейчас такого нигде нет на БТ.
шо за тема редактора ?
Material
Меню крутое, но на мобилке оно же не будет работать, поправьте, если я не прав
на сайті кнопка оплатити працює а задати питання ні )))
все працює
А что с голосом?
Наверное заболел
@@Blondguy12 Наверно! У нас щас погода неактив
простуда наверное, кто его знает)
Совершенно не практичный пример. Так как нет мобильной версии. Текущая верстка поплывёт в телефоне. Нужна другая разметка. Такая только для компа сгодится, но у нас же 99.9 процентов имеют две версии сайтов: комп и мобилка
Очень хорошее видео, жду подобные видео.
Перший
Это урок понять сложно подача конечно не очень,с position в li как это относиться не чего не поймешь.
Красава, Вадос-Вадос!)))
почему display : flex ; не сработал ? в строчку не встали
вадим дай нормальный контент. хватит выпускать чисто хайпожорские выпуски для новичков ради просмотров.
В классе .topmenu нужно было дать падинг чтобы сработвло
Внутри этого класса текст выравнивается по паддингу
4:51