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

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

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

Настройки оформления beta — это новый интерфейс для настройки глобальных стилей сайта. Ниже Вы можете ознакомиться как и устроен раздел и какие параметры доступны для изменения. 

Как устроен раздел

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

После нажатия на "Настройки оформления beta"  откроется модальное окно с настройками.

Слева список групп элементов, для которых можно настраивать стили:

• Тема
• Кнопки
• Указатели и тд 

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

Далее мы рассмотрим каждую вкладку этого окна более подробно.

Тема

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

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

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

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

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

 

Кнопки

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

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

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

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

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

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

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

Указатели

Вкладка позволяет изменить иконку указателей и их внешний вид.

Нажмите на нужный указатель и справа вы можете изменить:

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

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

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

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

Заголовки

Во вкладке "Заголовки" вы можете изменить параметры для всех типов заголовков, использующихся на сайте. 

Выберите нужный вам заголовок. В панели справа вы можете изменить:

• Пример текста - введите любой текст и посмотрите, как он будет отображаться на сайте
• Типографика -  здесь Вы можете настроить для текста кнопки шрифт, размер, междустрочное расстояние, цвет текста, толстое или наклонное начертание.

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

Основной текст

Во вкладке "Основной текст" вы можете изменить параметры для всех размеров текста, которые можно использовать на сайте. 

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

• Пример текста - введите любой текст и посмотрите, как он будет отображаться на сайте
• Типографика -  здесь Вы можете настроить для текста кнопки шрифт, размер, междустрочное расстояние, цвет, толстое или наклонное начертание.

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

Формы

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

Нажмите на нужный указатель и справа вы можете изменить для поля ввода:

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

Для чек-боксов и радиокнопок:

• "Фон" - цвет и прозрачность фона.

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

Материалы

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

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

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

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

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

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

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

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

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

Внимание!

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