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

Элементы

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

Фон1

Фон

В меню "Фон" вы можете выбрать подходящий вариант фона элементов формы:

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

Если выбрать пункт "Цвет" в основном состоянии, то будет установлен однотонный цвет фона элемента, подходящий цвет можно выбрать из палитры.

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

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

Фон2

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

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

Фон3

В разделе "Мои картинки" вам будут доступны ранее загруженные изображения, в "Галерея" - стандартные изображения и в разделе "Загрузить", вы можете добавить изображения:

Фон4

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

Фон5

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

Фон6

И при вводе данных, цвет фона элемента будет, как выше мы выбрали:

Фон7

Рамка

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

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

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

Рамка1

В обычном состоянии, т.е. вид рамки элемента до ввода данных:

Рамка2

И в фокусе, вы также можете настроить аналогичные параметры для фона рамки, которые будут видны в момент ввода данных:

Рамка3

В фокусе, например выбрали чёрный цвет шириной 1px:

Рамка4

Т.к. мы в обычном состоянии оставили ширину 0, а после ввода данных (в фокусе), выбрали чёрный цвет шириной 1px, внешний вид рамки элементов будет выглядеть так:

Рамка5

Тень

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

Тень1

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

Тень2

Шрифт

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

  • Шрифт(можно выбрать тип шрифта)
  • Размер шрифта элемента
  • Цвет шрифта элемента
  • Начертание (курсив и полужирный)

Шрифт1

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

Шрифт2

 

Шрифт3

Выравнивание

В подразделе "Выравнивание" можно настроить расположение названий элементов:

  • По центру
  • По левому краю
  • По правому краю

Выравнивание1

В режиме просмотра формы названия элементов расположены по центру:

Выравнивание2

Расположение

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

Расположение1

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

Расположение2

Отступы

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

Отступы

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

Мы используем файлы cookie, чтобы Вам было удобней пользоваться веб-сайтом. Используя эту страницу, вы соглашаетесь с нашей политикой в отношении файлов cookie.