Стили

Компонент посадочной страницы дает возможность использовать стили, которые можно настраивать по своему усмотрению через простой редактор и использовать в различных блоках страницы. Настройка стилей начинается с ссылки Стили в самом верху посадочной страницы. На открывшейся по ссылке странице можно добавить сколько угодно новых стилей и отредактировать уже имеющиеся. После этого, стили можно будет указывать при редактировании блоков.

Стили можно указать:

• для общего поля;
• для блока с текстом;
• для дополнительного блока;
• элементам дополнительных блоков (список элементов индивидуален для каждого типа блока).

Каждый стиль может иметь настройки фона, границы, размеров и тени. При этом можно их либо использовать, либо подменять на настройки общего стиля (данная функция в процессе реализации), либо не использовать вовсе. Назначение стилей – возможность достаточно просто настраивать отображение посадочных страниц, и при этом стандартизировать оформление блоков, дабы избежать чрезмерной пестроты. Таким образом использование CSS будет необходимо лишь в случае сложной верстки и применения нестандартного оформления.

Настройки фона

Для фона можно указывать цвет и его непрозрачность. А также задавать тип фона:

• однотонный – окраска в один тон согласно указанному цвету,
• градиент обычный – окраска градиентом (переход с более светлого к более темному цвету, светлый – сверху) на основе указанного цвета,
• градиент яркий – окраска градиентом с более контрастным переходом.

Настройки границы

Для границы можно задавать толщину и тип линии – одинарную, двойную, пунктиром и точками, цвет, прозрачность и скругление.

Границы рекомендуется настраивать в обязательном порядке, если стиль создается для оформления кнопок и полей ввода информации.

Настройки размеров

Можно задавать внутренние отступы по горизонтали и вертикали.

Настройки тени

Для тени можно задавать смещение по вертикали и горизонтали (положительные значения – смещение вниз вправо), размытие и растяжение. Также можно указывать цвет тени и ее прозрачность.

Настройка стилей

После добавления стилей, можно их назначать индивидуально к каждому блоку – для общего поля, для блока с текстом, для дополнительного блока, а также для элементов дополнительных блоков. Для этого необходимо перейти к редактированию параметров нужного блока. Пример подобного назначения видно на скриншоте сверху (отображен фрагмент редактирования параметров блока).

Все добавленные к блоку стили можно увидеть непосредственно на посадочной странице, нажав на кнопку Редактировать список . При этом можно сразу перейти к редактированию данных стилей.

Важно при добавлении стилей задавать им осмысленные названия, чтобы впоследствии было проще их распознавать. Использование стилей едино для любых блоков и элементов, у которых возможно назначение стилей. Стиль, предназначенный для кнопки, может также хорошо смотреться на блоке с текстом, и т.п.