← Тема оформления

Форма

Чтобы зайти в режим редактирование темы, вам сначала нужно скопировать тему, описано здесь - "Как изменить тему оформления?"  Далее выбираем пункт "Форма". Для формы доступны настройки:

Фон

В меню "Фон" вы можете выбрать тип фона формы:

  • Цвет
  • Градиент
  • Изображение
  • Прозрачный фон

Если выбрать пункт "Цвет", то будет установлен однотонный цвет фона страницы, цвет можно выбрать из палитры. В пункте "Градиент" вы можете выбрать начальный цвет, который будет переходить в конечный цвет, выбор его, соответственно, тоже доступен. Также вы можете настроить направление перехода цвета:

  • сверху вниз
  • снизу вверх
  • слева направо
  • справа налево
  • от левого верхнего угла к правому нижнему
  • от левого нижнего угла к правому верхнему
  • от правого верхнего угла к левому нижнему
  • от правого нижнего угла к левому верхнему

форма1

Следующий пункт - "Изображение". Чтобы добавить изображение на страницу, кликните на иконку "Выбрать изображение" в поле "URL-адрес изображения" и вам откроется всплывающее окно файлового менеджера с вариантами выбора изображения:

  • мои картинки
  • галерея
  • загрузить

форма2

В файловом менеджере в галерее доступны стандартные изображения, через меню "загрузить" вы можете добавить свои изображения, которые будут доступны во вкладке "Мои картинки". В подпункте "Повторение" вы можете размножить изображение, как на весь экран, так и по вертикали, горизонтали. Также можно настроить сдвиг по осям X и Y, соответственно в подпунктах "Сдвиг по X" и "Сдвиг по Y". В меню редактирования фона страницы доступен прозрачный фон, чтобы его выбрать, кликните соответствующий пункт:

форма3

Рамка

В меню редактирования темы с помощью пункта "Рамка", вы можете задать:

  • ширину рамки
  • стиль рамки
  • цвет рамки
  • прозрачность рамки
  • скругление рамки

Чтобы зайти в настройки рамки, кликните на ползунок, чтобы включить опцию (если она была отключена) и выберите подпункт для настройки:

рамка1

Если вы зайдёте в подпункт "Цвет" и кликните иконку справа, то перед вами откроется палитра выбора цвета, где вы можете выбрать необходимый цвет или ввести вручную в подпункте "Цвет":

рамка2

В настройках "Прозрачность" вы можете выбрать насколько будет рамка прозрачна. В поле "Скругление" можете настроить степень округления края рамки формы (0 означает, что форма будет прямоугольной).

рамка3

Тень

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

тень1

В настройках тени доступны настройки: тип тени (внутреннея и наружная), размытие тени, растяжение тени, прозрачность и сдвиги по осям X и Y

тень2

В анимации ниже наглядно можно увидеть, на что влияют изменения параметров:

тень3

Шрифт

В меню редактирования темы оформления в разделе "Шрифт" доступны подразделы:

  • Название элементов
  • Описание элементов
  • Варианты ответов

шрифт1

В подразделе "Название элементов" вы можете выбрать шрифт, цвет шрифта, размер, цвет, сделать шрифт курсивом или полужирным:

шрифт2

В подразделе "Описание элементов" вы можете выбрать шрифт, цвет шрифта, размер, цвет описания элементов, шрифт сделать курсивом или полужирным

шрифт3

шрифт4

В поле "Цвет" справа, если кликнуть на иконку, откроется палитра с выбором цвета и оттенка:

шрифт5

Чтобы зайти в настройки подраздела "Варианты ответов", кликните на соответсвующий пункт:

шрифт6

В подразделе "Варианты ответов" вы можете выбрать шрифт, цвет шрифта, размер, цвет для вариантов ответа (выпадающего списка и переключателей), шрифт сделать курсивом или полужирным:

шрифт7

В поле "Цвет" справа, если кликнуть на иконку, откроется палитра с выбором цвета и оттенка:

шрифт8

Отступы

Чтобы зайти в настройки "Отступы" в режиме редактирования темы оформления формы, кликните на подраздел "отступы" и вам будут доступны для настройки внутренние и внешние отступы формы:

отступ1

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

  • сверху
  • снизу
  • справа
  • слева

отступ2

отступ3

Изменяя параметры отступов, вы можете настроить внешний вид полей темы оформления формы:

отступ5

Создай любую веб-форму
всего за 3 минуты!