(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 разработкам.

Все основы верстки HTML и CSS в одном уроке для начинающих с нуля. Верстаем реальный макет сайта (лендинга) из Photoshop. СКАЧАТЬ МАКЕТ И ФАЙЛЫ верстки для ДЗ: wayup.in/lm/load/lm30 И еще кое что…

— Посмотрите другие видео о верстке:

День Верстальщика: Верстка С Нуля ☉ HTML/CSS/Адаптив — www.youtube.com/watch?v=xlwPU0BRQKQ

Создаем Сайт-Блог С Нуля За 4 Часа ☸ Photoshop/HTML/CSS/CMS — www.youtube.com/edit?o=U

Расколдованное предложение MICHELIN: bit.ly/3lrDMVM

Устройте себе гастрономическое путешествие с коллекцией кофе Jardin. Пройдите тест и найдите свой идеальный вкус Jardin: jardincoffee.com/test

«Я себя знаю!» — это псевдоинтеллектуальная псевдовикторина, в которой Азамат Мусагалиев попытается найти и задать селебам вопросы о них, на которые они не смогут ответить. Зачем? Да специально, чтобы за каждый неправильный ответ услышать от звезды отвратительный факт из её биографии.

Гость: Денис Дорохов!

Денис Дорохов: www.instagram.com/dorokhovdenisofficial
Азамат Мусагалиев: instagram.com/azabraza1984

По вопросам рекламы: musagaliev@mediumquality.ru

Магазин FREEMAX — academy.freemax.red/p/courses

Музыка из этого видео — share.epidemicsound.com/FREEMAX

Это мой Instagram! — www.instagram.com/mrfreemax/

Фото из этого видео — drive.google.com/open?id=1f9OuY5KUZntCk-bA3fJo1LXAg69jwA4r

Мой второй канал — www.youtube.com/maksparker

Привет! Меня зовут Максим Русаков. Фотограф, дизайнер, режиссер и автор проекта «FREEMAX». И я просто обожаю делать видео для YouTube!!!
Если у Вас есть какие-либо вопросы по поводу сотрудничества и интеграции, не стесняйтесь, пишите мне на Email: contact@freemax.red

Сайт FREEMAX — academy.freemax.red
Подписывайся — www.youtube.com/MrFreeMax
Группа ВК — vk.com/mr_freemax_youtube
Facebook (так чист) — www.facebook.com/groups/mrfreemax/
Телеграмм-канал — t.me/officialfreemax

Пресеты для Lightroom и CameraRaw от FREEMAX — academy.freemax.red/p/presets

LUT для Цветокоррекции Видео — academy.freemax.red/p/luts

Видеокурс ОСНОВЫ РАБОТЫ С КАМЕРОЙ — academy.freemax.red/p/setup

Видеокурс PREMIERE PRO: ЛЕГКИЙ СТАРТ — academy.freemax.red/p/premiere-pro-light-start

Видеокурс PHOTOSHOP: ЛЕГКИЙ СТАРТ — academy.freemax.red/p/photoshop-light-start

Видеокурс РАБОТА С ЦВЕТОМ — academy.freemax.red/p/work-with-color

Видеокурс ФОТОГРАФИЯ: 4 в 1 — academy.freemax.red/p/all-in-one

GTA 5 можно купить в моем магазине за 159р — forester.gamebop.ru/
В этом видео я вам расскажу как настроить Гта 5 под свой ПК. Как убрать фризы и лаги, как убрать подгрузку текстур. Оптимизация GTA 5. GTA 5 на слабом компьютере!
Характеристика ПК:
Intel Pentium G3220
Nvidia GTX 650 Ti
8 gb ram

vk.com/public74246982 — Паблик в контакте! Подписывайся!
vk.com/topic-74246982_31222458 — Заказывайте пиар по очень ДОСТУПНЫМ ценам!

ССЫЛКА НА ЛУЧШУЮ ПРОКАЧКУ: vk.com/moneyboostgta
Описание лучше не разворачивать…

Потому что ссылка на лучшую прокачку сверху!
Хватит читать этот текст, нужную ссылку ты уже получил.
Серьезно.
Мы бы могли тут часами с тобой беседовать, но ссылка так и будет в первой строчке.
А я так и буду тебе об этом намекать…

ИНОГДА БЫВАЕТ ТАК, ЧТО У СОДЫ ГОРИТ ПЕРДАК :D НЕ ШУТИТЕ С ДЖО СПИНОМ GTA 5 ONLINE (ГТА 5 ГОНКИ)

А нужная ссылка все еще в первой строчке.

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

Ты же знаешь, в какой строчке ссылка на лучшую прокачку?

Dizoff www.youtube.com/channel/UCucNFVnGUHrREjM4Zv2nuWQ
SodaEffect www.youtube.com/channel/UCa2oFpjziUQIImcpkrflwDw

Все, снизу пусто) А ссылка сверху…

Всемайки ру clc.to/0iMz1w
скидка 10% по промокоду JS112

По вашим просьбам снова играем в угарную игрушку Mount your friends 3D. Зайдет — сделаем еще :)

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

Dizoff www.youtube.com/channel/UCfFkXO1Tfk6Je9O5h-dvLoA
SodaEffect www.youtube.com/channel/UCa2oFpjziUQIImcpkrflwDw
У Жеки канала нет )

ПОПАДИ, ЕСЛИ СМОЖЕШЬ! БИТВА КАЧКОВ В НЕВЕСОМОСТИ И УГАР В MOUNT YOUR FRIENDS 3D

Мой Discord сервер
discord.gg/Xnp5xZn

Мой второй канал www.youtube.com/channel/UCrR9YewGWeY454fSyV5SAIA?view_as=subscriber

Канал Regions Team
www.youtube.com/channel/UC6_K-A32khD4eHqIFzh56lA

Я в вк vk.com/max.stepachin

Мой клан Regions Team (вход с 22.000 кубков)
Regions Team 2 (вход с 21к кубков)
Regions Team 3 (вход с 20к кубков)
Regions Team 4 (вход с 20к кубков)

#brawlstars #бравлстарс #тикток

●Roblox — Эта #ПОЕЗДКА в #ЛАГЕРЬ запомнится нам на всю жизнь в режиме Cryptik!
●Магазин крутых Игр — goo.gl/y2ZbdA

●Робзи — www.youtube.com/channel/UCpFJWSlmXbQVgti5s49PkSg

●Предыдущий ролик — youtu.be/757g2hotPac
●Рандом ролик — youtu.be/k3ux37SbW2k

●https://instagram.com/pozzifir/ — Моя Инста
●https://vk.com/pozzitifonshow — Моя страничка ВК
●http://vk.com/pozzitifshow — Группа ВК

ytimg.preload(https://r11---sn-axq7sn7s.googlevideo.com/generate_204);ytimg.preload(https://r11---sn-axq7sn7s.googlevideo.com/generate_204?conn2);ЗАДЕРЖАНИЕ МОШЕННИКА — YouTube<link rel=«alternate» type=«application/json oembed» href=«www.youtube.com/oembed?format=json