Как сверстать выпадающее многоуровневое меню

Подписаться 84 тыс.

Просмотров 17 тыс.

50% 1

Кенты, верстка многоуровневого меню на повестке дня! Очень часто бывает такая вечеринка, когда есть многостраничный сайт, и заказчик хочет впихнуть туда всю историю своей жизни. Тут без многоуровневого меню не обойтись! В этом видео вы научитесь это делать и вычеркнете эту задачу со списка "Надо бы разобраться"
Мой курс по верстке:
from0to1.com.ua/
Телеграм канал - t.me/from0to1com
Подпишитесь на канал, если вам понравилось данное видео:
bit.ly/2IFzwBZ

Опубликовано:

8 май 2023

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 91

@AlexLee-do4min Год назад

Вадим, ты супер! Иногда включаю твои видосы просто для наслаждения и отдыха. Твоё общение со зрителем само по себе доставляет расслабуху и живой кайф! Благодарю за твой труд - он приносит людям пользу!

@movieclips4848 Год назад

Продолжайте делать такие мини уроки

@onlydropped6479 Год назад

Как давно я ждал такой урок. Вадим, спасибо!

@vadymprokopchuk Год назад

все для тебя=)

@user-sv7us6sq2f Год назад

Спасибо за урок, думаю многим понравился такой формат , очень позновательно . Еще хотим подобные интересные фишки !

@drawusoon Год назад

Блин Вадос, выздоравливай, по голосу слышно что не всё будь здоров, ты там давай не болей дружище!

@vadymprokopchuk Год назад

окей, спасибо

@user-kh7fv5rn1g Год назад

Я бы еще добавила стрелочку тем li, в которых есть подменю . а так урок супер понятный, беру на заметку 👍

@vimvexvimvex8780 Год назад

Автоматом уже лайк до просмотра ну и Спасибо конечно! Здоровья и благополучия.

@zhannavasylievasandshow5129 8 месяцев назад

Спасибо за урок, отличная подача информации 👍

@old_dio Год назад

Спасибо за контент, очень полезно

@Clever_Web-sites Год назад

Спасибо, актуально для меня, канал находка )

@serkilovtech Год назад

ты как отец, лучшая подача материала!! Продолжай в том же духе

@technic_and_programming Год назад

Спасибо большое

@Guy_161 Год назад

Спасибо👍

@felion111 Год назад

Отличный ролик!

@BEKS705 Год назад

Вадос, огромное спасибо за видос!!!!!!!!!!!! Много времени провел в поисках верстки выпадающего меню.... Все понятно, просто и доступно, а самое главное что без лишних замарочек и качелей. И в продолжении темы хотелось бы посмотреть адаптив к этому меню!!!! Еще раз спасибо за видос!!! Очень ждал его!

@natashawebconstanta777 Год назад

Благодарю!!! Это огонь!! С вашей вечеринкой и адаптив хорошо идёт (если чуток поколдовать))) О, боги... я сделала это ... Спасибо =)

@user-xi1gj4ju9f Год назад

Вадос выздоравливай✊ Спасибо большое за контент

@vadymprokopchuk Год назад

спасибо, я по быстрому)

@sychpetr8394 Год назад

Годный контен спасибо +++.

@vadymprokopchuk Год назад

спасибо

@dimondimonov6417 Год назад

Есть вечеринка. Кокрас мне это нужно)))

@vadymprokopchuk Год назад

отлично

@croshpin Год назад

ШЕДЕВРРРРР!!!

@VladimirOnokhov Год назад

thanks for the lesson!

@vadymprokopchuk Год назад

thanks

@xeder2932 Год назад

спасибо)👍

@movieclips4848 Год назад

Как всегда топ

@MonteCrush. Год назад

Веселуха начнётся когда это все надо будет адаптировать для мобилок))

@vadymprokopchuk Год назад

та мы на все способны =)

@MonteCrush. Год назад

@@vadymprokopchuk Запиши видос🙃

@fakesega6730 6 месяцев назад

Вадос выручает как никогда)

@TamaraNikolaevna Год назад

Вадим, большое спасибо! Всё понятно. Давно подписана на вашу страницу. А что надо сделать, чтобы при открытии ссылок меню было видно какая ссылка открывает следующее подменю? Если надо добавить стрелку, то как это написать?

@user-sf7lz8fn4r Год назад

Спасибо, не приходилось верстать такие менюшки, теперь буду знать такой принцип. Если знаешь про Foundation Zubr, мне было бы интересно посмотреть как ты сверстаешь простой лендинг

@mefioz2397 Год назад

спасибо дружище 👍 вот вы бы показали бы еще про vue 😎 верстка вещь лёгкая, база есть да и опыт а вот вьюшка уже вещь интересная

@user-sq9pf4qq8p Год назад

Вадим, большое спасибо! Подскажите а будет мобильная версия многоуровнего меню?

@vadymprokopchuk Год назад

та я вот смотрю по коментам что многие хотят

@user-kf6nh7cq3t 6 месяцев назад

@@vadymprokopchuk в мобилке без js не обойтись?

@Francija-Bez-Rozovyx-Ochkov Год назад

Спасибо друг за очередную годноту! Благодаря твоим видео, я могу уже простенькие сайты открытки делать. По чуть чуть иду к нмеченной цели Верстальщика !

@IvanIvanov-ps5iz Год назад

Сколько учишься уже что научился верстать простенькие сайты, недель или месяцев?

@Francija-Bez-Rozovyx-Ochkov Год назад

@@IvanIvanov-ps5iz пол года учусь по видео в ютубе, нехватает времени из-за работы, так бы был бы лучше эффект в обучении

@user-vr4ps7do2u Год назад

Класс

@kubris.developer 6 месяцев назад

Вадим, спасибо, всё чётко, как всегда! Что за настройки у EMMET-а, что он разворачивает список построчно?

@user-qn9mb7ex7b Год назад

Даёшь видос по шаблонизаторам HTML! подробный, было бы здорово! Классный видос!

@vladmvp8140 Год назад

Топ контент! Дякую 👍

@semen_spider Год назад

Вадос ти Бог! 💪💪💪👍👍👍

@veterok54 Год назад

Не хватает адаптива( В данных блоках адаптив сложный, а не десктоп

@st.wander4053 Год назад

Буквально 2 дня назад ломал голову с многоуровневым списком. Много что не получалось сделать, по итогу сделал на тяп ляп*( Но сейчас, смотря видос, рили разобрался

@246Dron 6 месяцев назад

Интересно как у тебя в мобильной версии работает многоуровневое меню

@st.wander4053 6 месяцев назад

@@246Dron да никак) в проекте были свои сложности, в итоге вообще пришлось все на вордпресс пересаживать, так что менюшка вообще похерилась😭 но эт давно было, даже и вспоминать мучения не хочется

@constyak9031 Год назад

классное видео. было бы круто если бы рассказал что делать на моб. устройствах. как откл. hover чтобы не тыкать два раза. стрелку нарисовать, чтобы было понятно, что у меню есть подменю. спасибо за классную подачу

@fedordostoevskiy4209 Год назад

Вадим, очень бы хотел с тобой работать! Прикольный ты мужик. 👍

@user-fl1pk6jf9f Год назад

Спасибо Амбассадорам HTML за видео.

@user-vj3cu3wv9l Год назад

кстати я тоже заболел) выздоравливай

@kharisovruslan5523 Год назад

👍👍👍

@VladimirSalygin Год назад

Спасибо! адаптив будет?

@Pod_Pro_0 Год назад

А можешь пожалуйста сделать видео про бургер меню Я тебя очень сильно прошу я только твои ролики понимаю

@natalia_0729 Год назад

Бургер меню, но многоуровневое, было бы круто

@dimondimonov6417 Год назад

На марафоне есть у него бургер меню как делать

@movieclips4848 Год назад

Сделайте серию уроков как это сделать например accordion, popup, переключения фона на сайте

@MelkoR4111 Год назад

таких видео навалом) у Вадима на канале он много раз делал

@kerusdc8322 Год назад

не хватает стрелочек напротив пункта с вложенными пунктами чтоб не гадать, где есть новая вложенность, а где нет

@igorkroshkin9354 Год назад

угу, меню работает - а что будет на мобильных? КАК оно будет работать?

@natalialiakhovych Год назад

Кєнт топчік 😄

@fobianka2131 11 месяцев назад

не могу понять как сделать, чтобы выезжающее меню раздвигало соседние блоки (другоой контент), к примеру в футере, когда один под другим идёт

@fobianka2131 11 месяцев назад

решила, может кому понадобится, в .topmenu li:hover > .submenu надо прописать position: static; Не знаю правильно ли, но мне помогло))

@bohdanbatsenko4843 Год назад

На этой вечеринке должна была зажигать ЖС и Мобилочка. Бургер также, как модный перец и гвоздь программы. Они вместе должны хорошо танцевать клубняк. Менюшечка ведь на мобиле должна работать

@pipajob Год назад

Очень хорошее видео, жду подобные видео.

@wilezar4835 Год назад

пока нет времени посмотреть, но я перемотал, и судя по всему здесь вообще без адаптива. Может было сказано что-нибудь по этому поводу?

@MelkoR4111 Год назад

анимация прикольная, но на телефонах и тачпадах все это не работает, нужно делать по клику.

@sartjhon3300 6 месяцев назад

Вроде бы и нормально но.... Что с адаптивом, как это работает на мобильных?

@BMikel 10 месяцев назад

Вадос есть дельное предложение. Вместо примитивных макетиков, сверстать что-нибудь на уровень выше. Я о чем. Многоуровневое мега меню, с адаптивом. Чтоб все схлопывалось и работало на мобиле. Точнее, целый хедер. На пример, как в интернет магазах (розетка, фокстрот, комфи, амазон и т д). Там тебе и каталог, и блог с превьюшками статей. Крч это будет агонь. Сейчас такого нигде нет на БТ.

@_s1bga8 4 месяца назад

Меню крутое, но на мобилке оно же не будет работать, поправьте, если я не прав

@user-nn9qy1yh3s Месяц назад

шо за тема редактора ?

@vadymprokopchuk Месяц назад

Material

@user-nn9qy1yh3s Месяц назад

на сайті кнопка оплатити працює а задати питання ні )))

@vadymprokopchuk Месяц назад

все працює

@246Dron 6 месяцев назад

Совершенно не практичный пример. Так как нет мобильной версии. Текущая верстка поплывёт в телефоне. Нужна другая разметка. Такая только для компа сгодится, но у нас же 99.9 процентов имеют две версии сайтов: комп и мобилка

@dimondimonov6417 Год назад

А что с голосом?