Создание сайта-заглушки: Урок #8
В данном уроке подробно показан процесс создания разделителей на странице.
Скачать все файлы к курсу «Сайт-заглушка»
Создание разделителя
Шаг #1. В разделе «Наполнение» на панели инструментов выберите «Разделитель» → перетащите элемент в среду визуальной верстки.
Шаг #2. В появившейся панели «Информация» установите ширину и высоту изображения (ширина: 70 px, высота: 4 px).
Шаг #3. Над изображением (в верхнем левом углу) появятся иконки с возможными действиями. Нажмите на иконку «Настройки» (знак шестеренки) → укажите цвет разделителя (#ffffff).
Шаг #4. Выделите центральный текст и разделитель одновременно → задайте выравнивание разделителя относительно текста во вкладке «Выравнивание» (вертикальное, по верху) → «Выравнивание» (вертикальное, по середине) .
Важно, чтобы разделитель находился ниже текстового элемента.
Шаг #5. Вновь выделите разделитель и установите значения отступов от центрального текста → переключитесь во вкладку «Ориентация» → укажите отступы от базовой точки (по оси x: 250 px, по оси y: 465 px).
Шаг #6. Скопируйте разделитель → над изображением (в верхнем левом углу) появятся иконки с возможными действиями. Нажмите на иконку Копировать (знак «+»).
Шаг #7. Перетащите скопированный разделитель с противоположной стороны от центрального текста → переключитесь во вкладку «Ориентация» → укажите ориентацию объекта (сверху, справа) → укажите отступы от базовой точки (по оси x: 250 px, по оси y: 465 px).
В следующем уроке вы узнаете, как создать «Форму обратной связи».
