Вёрстка адаптивного меню (Mega Menu)

Uploaded By: Myvideo

Published on

29 May 2021

9 views

0

0 votes

0

About Share Download Add to

Создание сайта от А до Я (комплексный курс): Создание интернет-магазина: Фриланс для начинающих: Всем привет, дорогие друзья! Сегодня мы сверстаем сложное адаптивное Мега Меню. Результат урока, демо и полезные ссылки: Практика вёрстки (плейлист): Группа ВКонтакте: Twitter: Таймкоды: 00:00 Начало 00:56 Примеры сайтов с Mega Menu 01:34 Создание структуры проекта 03:01 Настройка проекта для вёрстки 05:07 Обзор используемых плагинов 05:48 HTML-вёрстка меню 14:49 Подключение плагина Superfish 15:46 Создание ещё одно уровня подменю 16:43 Кастомизация Superfish в JS 18:55 Доработка HTML-кода 19:31 Добавление пункта для Mega Menu 20:20 Вёрстка и CSS-стилизация Mega Menu 28:23 Дублирование осно

Share with your friends

Link:

Embed:

<iframe width="640" height="360" src="//myvideo.cc/embed/NXY2MWJqMHF6SDZUVVhoa3MvOEx3Y2NjTzJ2c0VGN1BmbFZFV3htN2xaYz0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Video Size:

Custom size:

x

Autoplay video

Hide player controls

Hide resume playing

Add to Playlist:

Favorites

My Playlist

Watch Later

Адаптивная верстка сайта с нуля для начинающих. Объяснение действий. HTML CSS

3 months ago

03:55:52

Адаптивная верстка сайта с нуля для начинающих. Объяснение действий. HTML CSS

1 51%

Chrome DevTools. Полный ГАЙД для Тестировщиков

4 months ago

00:28:35

Chrome DevTools. Полный ГАЙД для Тестировщиков

2 39%

Полный гайд по CSS Grid: адаптивная верстка за пару минут

4 months ago

00:25:11

Полный гайд по CSS Grid: адаптивная верстка за пару минут

1 24%

Как написать соцсеть в 2024 году Установка Node JS и Yarn. Реализация дизайна.

4 months ago

00:11:36

Как написать соцсеть в 2024 году Установка Node JS и Yarn. Реализация дизайна.

1 61%

Полный курс HTML & CSS за 6 часов

5 months ago

06:38:50

Полный курс HTML & CSS за 6 часов

1 15%

#1 Адаптивная верстка сайта с нуля для начинающих | HTML, CSS, Figma практика | Анализ макета

5 months ago

00:35:30

#1 Адаптивная верстка сайта с нуля для начинающих | HTML, CSS, Figma практика | Анализ макета

1 93%

Open Server 6.0 - Как создать проект. Как использовать Apache

5 months ago

00:05:02

Open Server 6.0 - Как создать проект. Как использовать Apache

158 58%

Интенсивныи курс адаптивная верстка сайта за 15 минут! html css

6 months ago

00:16:13

Интенсивныи курс адаптивная верстка сайта за 15 минут! html css

1 40%

Как новичку создать красивый сайт | Подробный урок

6 months ago

01:49:10

Как новичку создать красивый сайт | Подробный урок

1 38%

Адаптивная верстка сайта для начинающих. HTML, CSS, Bootstrap, Figma (шаблон Coffee)

6 months ago

03:59:43

Адаптивная верстка сайта для начинающих. HTML, CSS, Bootstrap, Figma (шаблон Coffee)

1 95%

Как сделать НАТИВНЫЙ UI на Flutter | Cupertino и Material | Пересборка №15

6 months ago

00:50:53

Как сделать НАТИВНЫЙ UI на Flutter | Cupertino и Material | Пересборка №15

1 23%

Адаптивная вёрстка сайтов за 37 минут + макет. Тебе не нужен Bootstrap! ENG SUBS

7 months ago

00:36:44

Адаптивная вёрстка сайтов за 37 минут + макет. Тебе не нужен Bootstrap! ENG SUBS

1 18%

7.Создаем сайт с эффектом параллакс используя HTML,CSS #webdevelopment #web #HTML #css #parallax

7 months ago

00:16:35

7.Создаем сайт с эффектом параллакс используя HTML,CSS #webdevelopment #web #HTML #css #parallax

1 28%

CSS EM REM и прочие единицы измерения CSS. Что когда использовать Подробное объяснение на практике.

8 months ago

00:41:17

CSS EM REM и прочие единицы измерения CSS. Что когда использовать Подробное объяснение на практике.

1 29%

Адаптивная верстка интернет магазина с НУЛЯ. Выполняю реальный заказ. Верстка сайта за $150

8 months ago

04:29:35

Адаптивная верстка интернет магазина с НУЛЯ. Выполняю реальный заказ. Верстка сайта за $150

1 52%

Анализируем новый макет в #Figma глазами разработчика

8 months ago

00:11:41

Анализируем новый макет в #Figma глазами разработчика

1 33%

Создание потрясающей галереи на HTML, CSS и JavaScript (CSS-анимация, Blur, Parallax, Gradient)

8 months ago

00:35:13

Создание потрясающей галереи на HTML, CSS и JavaScript (CSS-анимация, Blur, Parallax, Gradient)

1 9%

Обзор Flutter | Идем в Web c WebAssembly и Макросы | Что показали на Google I/O

8 months ago

00:13:02

Обзор Flutter | Идем в Web c WebAssembly и Макросы | Что показали на Google I/O

3 31%

Верстка сайта для начинающих. Подробное объяснения. Часть 1 Подготовка и верстка шапки на HTML и CSS

8 months ago

01:39:26

Верстка сайта для начинающих. Подробное объяснения. Часть 1 Подготовка и верстка шапки на HTML и CSS

1 43%

Основы вёрстки HTML+CSS | Базовые принципы работы с CSS и HTML на практике

8 months ago

04:20:05

Основы вёрстки HTML+CSS | Базовые принципы работы с CSS и HTML на практике

1 28%

Адаптивность без media (clamp) #shorts #adaptive #webpage #htmlcss #javascript #css3 #coder #кодинг

8 months ago

00:01:00

Адаптивность без media (clamp) #shorts #adaptive #webpage #htmlcss #javascript #css3 #coder #кодинг

1 75%

CSS GRID СЕТКА САМЫЙ ПОНЯТНЫЙ И ПОЛНЫЙ УРОК! Верстка для новичков

8 months ago

01:07:20

CSS GRID СЕТКА САМЫЙ ПОНЯТНЫЙ И ПОЛНЫЙ УРОК! Верстка для новичков

1 94%

#3 Плагин Perfect Pixel, Верстаем по макету из Figma

8 months ago

00:10:16

#3 Плагин Perfect Pixel, Верстаем по макету из Figma

4 84%

Верстка сайта HTML SCSS из Figma на Gulp сборке. Проект Modimal. Адаптивная верстка. 4K

9 months ago

04:42:31

Верстка сайта HTML SCSS из Figma на Gulp сборке. Проект Modimal. Адаптивная верстка. 4K

41 42%

0 Comments

Guest