CMS RUEN
ruen.suCMS RUEN
ОсновноеОтображениеВзаимодействиеПродажиРекламаПрочееСпециализированное

Стили

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Важно при добавлении стилей задавать им осмысленные названия, чтобы впоследствии было проще их распознавать. Использование стилей едино для любых блоков и элементов, у которых возможно назначение стилей. Стиль, предназначенный для кнопки, может также хорошо смотреться на блоке с текстом, и т.п.
465 | 1 2017.12.14, 22:01
Информация на данной странице недостаточно понятна, не полна или содержит ошибки? Просто напишите нам об этом и мы все исправим.Напишите замечание!