Элементы

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

Фон1

Фон

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

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

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

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

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

Фон2

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

  • Галерея
  • Фотобанк
  • Мои изображения

Фон3

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

Фон4

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

Фон 5

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

Фон 6

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

Фон 6

Рамка

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

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

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

Рамка 1

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

Рамка 2

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

Рамка 3

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

Рамка 4

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

Рамка 5

Тень

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

Тень 1

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

Тень 2

Шрифт

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

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

Шрифт 1

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

Шрифт 2

Аналогично "В фокусе":

Шрифт 3

Аналогично "В фокусе":

Шрифт 3

Шрифт 4

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

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

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

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

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

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

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

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

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

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

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

Отступы

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

Отступы

Комментарии

Закажите разработку формы под ключ

Нет времени разбираться со всеми настройками самому? Не проблема!
Закажите разработку веб-формы у нас