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

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

Новая версия 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

Внимание!

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

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