Настройки оформления #802130

Основное отличие

Новая версия LPC создаёт блоки в единой стилистике с сайтом.  Теперь при наполнении страницы блок автоматически будет добавлен с уже заданными параметрами, которые поддерживает дизайн сайта, т.е. задавать стиль для каждого блока в ручном режиме не нужно. 

Так же в конструкторе предусмотрены расшренные настройки оформления страницы на конструкторе. Ниже Вы можете ознакомиться с параметрами, доступными для изменения.

Настройки оформления

Чтобы перейти в "Настройки оформления", Вам необходимо открыть конструктор и в правом верхнем углу кликнуть на иконку "Настройки".

11904508_9706_64f5ec8fd534b.png

После нажатия на "Настройки оформления" слева откроется меню с настройками. Далее мы рассмотрим каждую вкладку этого окна более подробно.

Цвета

Первая вкладка - "Цвета", здесь Вы можете задать:

  1. Акцент - рекомендуем, указывать цвет в данных настройках для отображения кнопок, элементов в одном стиле с сайтом.

  2. Текст - данная настройка используется для окрашивания текстов, границ блоков и контуров элементов форм.


11904508_9710_64f72b6608296.png

Кнопки

Следующая вкладка позволяет изменить первичную и вторичную кнопку, задать параметры текста, фона.

11904508_9745_6538ea5dcd34e.png

Для того чтобы перейти к настройкам "Первичной кнопки" и "Вторничной кнопки", Вам необходимо нажать на необходимую кнопку.

11904508_9712_64f732ca40a8a.png

 

В открывшемся окне Вы можете настроить следующие параметры:

  • "Текст" - здесь Вы можете настроить для текста кнопки шрифт, размер, междустрочное расстояние, цвет, толстое или наклонное начертание.
  • "Фон" - здесь доступны для настройки различные типы заливки фона кнопки. 
  • "Рамку" - для того чтобы активировать настройки для рамки кнопки, необходимо активировать свич, далее Вам станут доступны для изменения цвет, толщина, радиус скругления рамки кнопки.
  • "Тень" - для того чтобы активировать настройки тени кнопки, необходимо активировать свич, далее Вам станут доступны для изменения цвет, сдвиг по оси Х/У, размытие, распыление тени кнопки.

11904508_9713_64f7356f76274.png

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

  • "Normal" - по умолчанию, это первая открытая вкладка, она влияет на то как отражается кнопка на сайте, пока на нее не навели курсор или не нажали.
  • "Hover" - эта вкладка влияет на то как отражается кнопка на сайте, когда на нее навели курсор.
  • "Active" - эта вкладка влияет на то как отражается кнопка на сайте, когда на нее кликнули.

Для того чтобы перейти к настройкам "Указателей", Вам необходимо кликнуть на них в меню, после чего откроется окно:

11904508_9738_651bd7b4cfd66.png

Здесь Вы можете настроить следующие параметры:

  • "Икнока" - здесь Вы можете настроить иконку для указателя.
  • "Цвет иконки" - здесь указывается цвет иконки.
  • "Фон" - здесь доступны для настройки различные типы заливки фона кнопки. 
  • "Рамку" - для того чтобы активировать настройки для рамки кнопки, необходимо активировать свич, далее Вам станут доступны для изменения цвет, толщина, радиус скругления рамки кнопки.
  • "Тень" - для того чтобы активировать настройки тени кнопки, необходимо активировать свич, далее Вам станут доступны для изменения цвет, сдвиг по оси Х/У, размытие, распыление тени кнопки.

Материалы

Во владке "Материалы" Вы можете настроить элементы из которых состоят блоки на вашей странице:

  • "Карточка" 
  • "Изображение" 
  • "Контейнер" 

11904508_9715_64f73ab15c0c9.png

Перейдя в настройки "Карточки", Вы сможете изменить для этого элемента следующие параметры:

  • "Фон" - данный раздел включаетв себя такие настройки как тип заливки (сплошной цвет, градиент и угол его наклона, без заливки)
  • "Рамка" - здесь Вы можете активировать свич, далее Вам станут доступны для изменения цвет, толщина, радиус скругления рамки.
  • "Тень" - также предусматривает активацию свича, далее Вам станут доступны для изменения цвет, сдвиг по оси Х/У, размытие, распыление тени. 

11904508_9716_64f74184ea363.png

В настройках элемента "Изображение" Вам доступны для настройки следующие параметры:

  • "Рамка" - здесь Вы можете активировать свич, далее Вам станут доступны для изменения цвет, толщина, радиус скругления рамки.
  • "Тень" - также предусматривает активацию свича, далее Вам станут доступны для изменения цвет, сдвиг по оси Х/У, размытие, распыление тени. 

11904508_9717_64f742f7175ca.png

В настройках элемента "Контейнер" Вам доступны для настройки следующие параметры:

  • "Фон" - данный раздел включаетв себя такие настройки как тип заливки (сплошной цвет, градиент и угол его наклона, без заливки, любая картинка из загруженных в системе управления и инструменты для ее выравнивания/повторения)
  • "Рамка" - здесь Вы можете активировать свич, далее Вам станут доступны для изменения цвет, толщина, радиус скругления рамки.
  • "Тень" - также предусматривает активацию свича, далее Вам станут доступны для изменения цвет, сдвиг по оси Х/У, размытие, распыление тени. 

11904508_9718_64f743316a5d7.png

Формы

Во вкладке "Формы" предусмотрены настройки оформления элементов форм: поле для ввода данных, чекбоксов и радиокнопок.

11904508_9714_64f7381049956.png

Внимание!

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

Была ли статья вам полезна?
Укажите, пожалуйста, почему?
Комментарий