Выпадающее МЕНЮ на чистом CSS / HTML


(2 часть) Адаптация под мобильные устройства — youtu.be/tRoszGUp5Sg
Исходный код — bit.ly/2oVnIzd

В этом уроке мы сделаем, #выпадающее #горизонтальное #меню. Оно будет имеет #шрифтовые #иконки которые при наведении на меню меняют цвет.
Посмотреть и скачать код — bit.ly/2oVnIzd, а тут вторая часть — youtu.be/tRoszGUp5Sg

Сделаем небольшую #анимацию, в ней меняем цвет кнопки и текста, добавляем тень и все это отображается при наведении.
#Выпадающие #списки меню можно реализовать многоуровневыми простым копированием #UL и это все довольно просто реализовано на чистом #CSS / #CSS3.

Обсуждение видео: youtu.be/K3C4NdzFHg0

В уроке задействуем:
• #display: #flex;
• используем #transition;
• позиционировать элементы при помощи #position

Подписка на канал: dwstroy.ru/~dwstv
Видео сборник: dwstroy.ru/~S126H

*Видео метки*:
[01:13] — Структура разметки в #html
[02:22] — Подключаем шрифтовые иконки
[04:10] — Описываем #стили в #CSS
[04:29] — Подключаем шрифт Cuprum
[04:29] — Анмируем при наведении #hover
[08:10] — Выпадающее меню
[11:56] — CSS генератор #background

*Другие видео на канале DWSTV*:
Сайт с нуля — dwstroy.ru/~7KNnM
Уроки по #CSS — dwstroy.ru/~paoBU
1С Битрикс работа с сайтом — dwstroy.ru/~dEG4q
Управление системой Битрикс — dwstroy.ru/~Zdt4K
Настройки сайта 1С Битрикс — dwstroy.ru/~t0UVZ

Во время урока я использую:
Документацию по #CSS3
Редактор #PhpStorm

Ссылки из урока:
Архив кода на сайте — bit.ly/2oVnIzd
Шрифт Cuprum — bit.ly/2nulfPh
Шрифтовые иконки — bit.ly/2nXKJk3
Генератор Градиентов — bit.ly/2omhCtB

Использую музыку:
Love Me Like You Do (Violin Cover by Robert Mendoza) [from FIFTY SHADES OF GREY soundtrack]
www.youtube.com/watch?v=VZRVou4cyic

Добавляйтесь к нам в друзья:
Сайт видео-уроков: dwstroy.ru/video/
Канал в VK автора уроков: vk.com/dwstv
Канал группы в VK: dwstroy.ru/~MJM28

Мы очень рады если видео по #CSS3 #меню было Вам полезно, хотите «поблагодарить» жмите кнопку «нравится» и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим #WEB разработкам.

ОДИН ДЕНЬ МОИМИ ГЛАЗАМИ! ДЕНЬ ИЗ МОЕЙ ЖИЗНИ ОТ ПЕРВОГО ЛИЦА


Друзья, сегодня вы проживете мой насыщенный день из жизни, узнаете, чем я занимаюсь в свободное время, приятного просмотра :)

Подпишись на мой instagram:
www.instagram.com/exile_music

Канал по фортнайту: www.youtube.com/channel/UCQBgiZHd7niKHDMIbm0oF6Q

Лайв канал с футболом: www.youtube.com/channel/UC0ohVyiCEKT5i4iDd6RYKng

Soundcloud: soundcloud.com/exile_music

Мои контакты:
1) VK: vk.com/exilemusic
2) VK GROUP: vk.com/exile_music
3) Twitter: twitter.com/IlyaExile

Хакерские зашквары: GERO - это хуже чем DUMBAZZ | Хакеры в кино и взлом камер


youtu.be/mcKbHgUnO9k – участвуй в розыгрыше iPhone 11 Pro 256гб, смотри интересный контент про бизнес и поднимай бабло с Джонни Бабловским www.instagram.com/j_bablovski/
Наш Telegram канал — t.me/overlamer1
Второй канал — www.youtube.com/c/igorover
Паблик — overpublic1 — vk.com/over_view

Заказать рекламу вы можете здесь:
bit.ly/2nChGY8

Инстаграмчик здесь:
www.instagram.com/overbafer1

AliExpress в рамках закона [Bad AliExpress]:
vk.com/public137607137

Некультурный AliExpress:
vk.com/public146011210

КАК ОБМАНЫВАЮТ ХАЛЯВЩИКОВ В ИНТЕРНЕТЕ


Сервис проверки электронной почты — bit.ly/2vIN0VV
Наш Telegram канал — t.me/overlamer1
Второй канал — www.youtube.com/c/igorover
Паблик — overpublic1 — vk.com/over_view

Заказать рекламу вы можете здесь:
bit.ly/2nChGY8

Инстаграмчик здесь:
www.instagram.com/overbafer1

AliExpress в рамках закона [Bad AliExpress]:
vk.com/public137607137

Некультурный AliExpress:
vk.com/public146011210

ОГРАБИЛИ КАЗИНО ПО СТЕЛСУ ЗА 4 ЧАСА! СПУСК ПО ШАХТЕ ЛИФТА И 1 СЕКУНДА ДО ПРОВАЛА GTA 5 ONLINE


Играем в GTA 5 Online на PC. Сегодня вышло обновление — Ограбление Казино (GTA 5 Casino Heist Diamond DLC)! Что-то странное происходит в районе казино Diamond

300 км/ч ПО ГОРОДУ В ДОЖДЬ или "КАК ЗАГНАТЬ НОВЫЙ ПОРШ НА ДЕРЕВО?" (ГТА 5 ОНЛАЙН DRIVE RP)


Мой промокод: 22D01E
DRIVE RP — vk.com/gta5driverp
driverp.ru/
ip сервера: 185.22.232.198:22005
Как играть? — vk.com/gta5driverp?w=wall-174126398_35

300 км/ч ПО ГОРОДУ В ДОЖДЬ или «КАК ЗАГНАТЬ НОВЫЙ ПОРШ НА ДЕРЕВО?» (ГТА 5 ОНЛАЙН DRIVE RP)

Прокачка\накрутка в GTA 5 от Joe Speena: vk.com/moneyboostgta

Моя группа: vk.com/joe_speen_youtube
Заказ рекламы: vk.com/topic-83456972_34213677

Cода: www.youtube.com/channel/UCa2oFpjziUQIImcpkrflwDw

СОДА ПОСТРОИЛ СКИЛЛ ТЕСТ ДЛЯ МЕНЯ. ДАВНО Я ТАК НЕ ГОРЕЛ... 150 МИНУТ БОЛИ В ГТА 5 ОНЛАЙН!


Играй бесплатно в Калибр — bit.ly/34Kf5Ml

СОДА ПОСТРОИЛ СКИЛЛ ТЕСТ ДЛЯ МЕНЯ. ДАВНО Я ТАК НЕ ГОРЕЛ… 150 МИНУТ БОЛИ В ГТА 5 ОНЛАЙН!

Прокачка\накрутка в GTA 5 от Joe Speena: vk.com/moneyboostgta

Моя группа: vk.com/joe_speen_youtube
Заказ рекламы: vk.com/topic-83456972_34213677

SodaEffect www.youtube.com/channel/UCa2oFpjziUQIImcpkrflwDw

НАКОНЕЦ-ТО МЫ ЕЕ НАШЛИ! И ВОТ ЧТО БЫЛО ДАЛЬШЕ... ПОСЛЕДНЯЯ СЕРИЯ Ч.2 (ПРОВИНЦИЯ, ГТА ОНЛАЙН РП)


Играю на 4 сервере, присоединяйся clck.ru/NENcz
Мой промокод: SodaLakerino
vk.com/js_team_gta

ВСЕ ПОШЛО НЕ ПО ПЛАНУ! НАС ЗАДЕРЖАЛИ… ПОСЛЕДНЯЯ СЕРИЯ Ч.1 (ПРОВИНЦИЯ, ГТА ОНЛАЙН РП)
Прокачка\накрутка в GTA 5 от Joe Speena: vk.com/moneyboostgta

Моя группа: vk.com/joe_speen_youtube
Заказ рекламы: vk.com/topic-83456972_34213677

SodaEffect www.youtube.com/channel/UCa2oFpjziUQIImcpkrflwDw
Паша www.youtube.com/channel/UCiFPh9V3Tkhqj6pvk2oK_sg

ЭКСТРЕМАЛЬНЫЕ ПРЯТКИ от БОЕВЫХ ДРОНОВ ЧЕЛЛЕНДЖ


Пройди по ссылке clck.ru/SMysK, победи Лага в финальной битве в онлайн-игре и получи возможность выиграть крутой мерч и бластеры Нёрф Элит 2.0! Вступай в Отряд Элит 2.0!
#nerfelite

ПОДПИШИСЬ на Мой Инстаграм — bit.ly/exit_evt
ПОДПИШИСЬ на Мой Тик Ток — bit.ly/exit_tikev

ИНСТА АРТУРА — bit.ly/exit_artur
ИНСТА НИКИТЫ — bit.ly/exit_nik
ИНСТА БОРОДЫ — bit.ly/exit_boroda
ёИНСТА М5 — bit.ly/exit_wm

ЭКСТРЕМАЛЬНЫЕ ПРЯТКИ от БОЕВЫХ ДРОНОВ ЧЕЛЛЕНДЖ
В этом видео на наш дом напали и нам пришлось защищаться с помощью нерфов, чтобы выжить!

ТИКТОК НИКИТЫ — bit.ly/exit_tiknik
ТИКТОК РЕСПЕКТА — bit.ly/exit_tikresp
ТИКТОК БОРОДЫ — bit.ly/exit_tiktom
ТИКТОК М5 — bit.ly/exit_tikm5

Production Music courtesy of Epidemic Sound" www.epidemicsound.com

ЖЕЛЕЗНЫЙ РЕВИЗОР / КАК ЭЛЬДОРАДО ТОРГУЕТ МУСОРОМ


Премиум коврики от «BRIGman»: brigman.ru/?tracking=Kovriki
Отзывы покупателей: vk.com/club146666669
Розыгрыш ПК среди покупателей: www.youtube.com/watch?v=pLm1xuxXOxE
Подробнее про коврики: www.youtube.com/watch?v=s1_pBHC5Y7A

Это шестой выпуск из рубрики «Железный ревизор». В этот раз мы отправились в «Эльдорадо», где смогли заснять самый сок. Моноблок от MSI по космическим ценам, готовая сборка игрового компьютера (пк), которая не сбалансирована и просто убога. Игровой ноутбук по завышенной цене. Море грязи, поломанные товары и коврик для мыши, который был взят явно с помойки. Все это было в одном магазине, в Эльдорадо в городе Ярославле. Для меня лично это был шок, торговать таким мусором надо еще постараться, ни в одном магазине ранее мы такого не встречали.

Итог: мышка Razor, которая явно не имела товарный вид — без скидки, цена более 7000 рублей.
Коврик, который был взят с помойки у бомжа Васи — скидка 5%, цена 600 рублей.

Сборка игрового ПК за 30000 рублей:
www.youtube.com/watch?v=1ryijHdm6Uo