Цветовые схемы

С помощью данного инструмента вы сможете перекрасить элементы на своем сайте.

Рассмотрим, как им пользоваться.

Создание и применение цветовой схемы

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

В раскрывшемся меню нажмите на кнопку "Создать тему".

Новая тема отобразится последней в списке. Нажмите "Применить".

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

Обратите внимание!

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

Изменение цвета текста

Для изменения цвета текста, вамнеобходимо выбрать блок, в котором вы хотите изменить цвет, после чего выбрать на верхней панели параметр "Оформление текста".

 

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

  • Изменение цвета текста,
  • Включение и настройка тени текста и размытия тени.

Фон блока

Для того чтобы вам изменить задний фон блока, необходимо выбрать блок, после чего перейти в пункт "Оформление фона".

В раскрывшихся настройках вам будут доступны три вида фонов:

  • Изображение.
  • Градиент.
  • Однотонный фон.

Расммотрим из каждых видов отдельно.

Фон блока. Изображение

Если вы хотите добавить в фон блока картинку, выберите в настройках соответствующую вкладку.

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

Также в окне настроек вы сможете изменить положение (относительно блока) для размещаемой иллюстрации.

Фон блока. Градиент

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

Тут вы сможете изменить:

  • Цвет градиента (выбрать один из двух цветов и указать в палитре оттенок).

  • Нассыщенность градиента (перемещением бегунков).

  • Направление градиента (с помощью соответствующих регуляторов).

Фон блока. Однотонный

Чтобы использовать в качестве фона один цвет, выберите вкладку однотонного фона.

Тут вы сможете:

  • Указать цвет фона.
  • Указать прозрачность фона.

Оформление границ

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

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

  • Стиль - сплошная граница, крупный пунктир, мелкий пунктир.
  • Ширина - в пикселах.
  • Цвет.

Кроме того, тут вам будут доступны настройки скругления границ.

Обратите внимание!

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

Оформление тени

Чтобы добавить к какому-либо элементу тень, выделите его на странице и нажмите на кнопку "Оформление теней" на верхней панели.

Тут вам будут доступны четыре режима оформления теней.

Рассмотрим каждый режим отдельно:

  • Отбрасываемая тень - тень будет отбрасываться от объекта так, будто бы свет направлен на блок.

  • Внешнее свечение - визуальное подсвечивание блока с информацией.

  • Внутренняя тень - тень образуется на внутренних гранях  блока.

  • Выделение - выделение одной из граней блока.

 

Все вышеперечисленные виды теней имеют один набор настроек:

  • Тип свечения:
    • Наружное свечение - тень отбрасывается от блока на задний фон.
    • Внутреннее свечение - тень отбрасывается от границ в блок.
  • Цвет - цвет отбрасываемой тени.
  • Угол - под каким углом отбрасывается тень.
  • Расстояние - расстояние (в пикселах), на которое отбрасывается тень.
  • Размытие - отвечает за размытие границ в отбрасываемой тени. Выбор происходит от 0 до 1000.
  • Ширина - отвечает за ширину отбрасываемой тени, значения указываются в пикселах.

Сохранение изменений

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

Обратите внимание!

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