Создание сайта-заглушки: Урок #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).

 


В следующем уроке вы узнаете, как создать «Форму обратной связи».

Была ли полезна для вас данная статья?

Мы используем файлы Cookie, чтобы сделать работу с сайтом проще и удобнее. Нажимая кнопку «Принять Cookie» или продолжая просмотр сайта, вы разрешаете их использование.
Подробная информация
 тут

Cookies в CMS Smart Engine