Урок 2. Верстка шапки, настройка адаптива. / Lesson 2. Header layout, adaptive settings.
⭐️⭐️⭐️⭐️⭐️ https://t.me/wp_pirates
Урок 2. Верстка шапки, настройка адаптива. / Lesson 2. Header layout, adaptive settings. ➡️ Мой Telegram: https://t.me/elementor_free
➡️ Сбер: 5469980288222462 ➡️ Т-банк: 2200701325245204 ➡️ https://boosty.to/wordpress_wizard
Elementor курс для начинающих: https://boosty.to/wordpress_wizard/po...
00:01 Верстка шапки сайта • В видео автор показывает, как верстать шапку сайта, используя конструктор тем в Elementor. • Создается родительский контейнер, разделенный на два внутренних контейнера для меню и логотипа. 01:47 Настройка макета и размеров • Устанавливаются отступы и размеры контейнеров, а также направление и распределение содержимого. • Логотип и меню становятся по краям, а элементы выравниваются по центру. 05:32 Создание меню и настройка стилей • Создается меню, задается имя, ориентация и подчеркивание. • Настраиваются стили меню, цвет, горизонтальные и вертикальные отступы, расстояние между пунктами меню. 09:43 Создание и настройка виджета списка • Создается виджет списка, добавляется иконка и текст. • Устанавливаются размеры иконки и текста, переносы строк, стили текста и типографика. 12:24 Верстка шапки сайта • В видео автор верстает шапку сайта, добавляя кликабельности и меняя размер шрифта. • Задается класс для двух элементов шапки и задается размер шрифта. 13:36 Адаптивность шапки • Автор настраивает адаптивность шапки, скрывая контейнер на планшетах и мобильных устройствах. • Задаются проценты для ширины логотипа и меню, а также жирность меню. 16:22 Верстка шапки на мобильных устройствах • Автор настраивает шапку на мобильных устройствах, убирая фон и меняя размер шрифта. • Задаются стили для гамбургера и настраивается его внешний вид. 22:15 Фиксация шапки • Автор добавляет контейнер для фиксации шапки, задавая фон и индекс. • Задается эффект движения шапки и настраивается его работа на разных устройствах. 24:16 Завершение верстки шапки • Автор проверяет работу шапки на разных устройствах и завершает верстку.
