Кнопки

Щоб увійти в режим редагування теми, спочатку потрібно скопіювати тему (описано тут - "Як змінити тему дизайну?" ). Далі виберіть пункт "Кнопки", де можна вибрати кнопку "Надіслати", кнопку "Далі" (Вперед) та кнопку "Назад". Для кнопки "Надіслати" доступні такі налаштування:

Ґудзики

Фон

У меню «Фон» можна вибрати відповідний варіант фону для елементів форми:

  • Колір
  • Градієнт
  • Зображення
  • Прозорий

Якщо вибрати пункт «Колір» у головному стані, то для кнопок буде встановлено одноколірний колір фону; відповідний колір можна вибрати з палітри:

Передумова 1

У пункті «Градієнт» можна вибрати початковий колір фону кнопок, який перейде до кінцевого кольору, його вибір також доступний. Також можна встановити напрямок переходу кольорів:

  • Зверху вниз
  • Знизу вгору
  • Зліва направо
  • Справа наліво
  • Зверху ліворуч донизу праворуч
  • Знизу ліворуч до верхнього правого
  • З правого верхнього кута до лівого нижнього кута
  • Знизу праворуч до верхнього лівого

Передісторія 2

Наступний пункт – «Зображення». Щоб додати зображення на сторінку, натисніть на значок «Вибрати зображення» в полі «URL-адреса зображення», і відкриється спливаюче вікно файлового менеджера з опціями вибору зображення:

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

Передісторія 3

У розділі «Галерея» – стандартні зображення та в розділі «Мої зображення» ви матимете доступ до раніше завантажених зображень і зможете додавати нові.

У полі «Повтор» можна встановити, як зображення буде розташоване в елементі: без повторення, горизонтально, вертикально, множення. Якщо вибрати прозорий фон, то колір фону форми буде:

Передумова 4

Також є налаштування "При наведенні", тобто фон кнопки, коли користувач наводить курсор на кнопку, її фон змінюватиметься на заданий. Налаштування аналогічні звичайному стану:

Передумова 5

Передумова 6

Рамка

У меню редагування теми, використовуючи пункт «Рамка» в основному стані, можна налаштувати:

  • Тип рамки
  • Ширина рамки
  • Стиль рамки
  • Колір рамки
  • Заокруглення рамок

Щоб увійти до налаштувань рамки, натисніть на повзунок, щоб увімкнути опцію, та виберіть підпункт для налаштування:

У звичайному стані, тобто вигляд рамки кнопки перед натисканням. Наприклад, ми обрали ширину 3, чорний колір та стиль "суцільний":

А в підпункті «При наведенні» можна також задати аналогічні параметри для фону рамки, яка буде видно при наведенні курсора на кнопку.

Тінь

У меню редагування теми дизайну ви можете налаштувати тінь кнопки. Для цього увімкніть підпункт «Тінь», перемістивши повзунок:

У налаштуваннях тіні будуть доступні налаштування нормального стану та наведення, де можна редагувати: тип тіні (зовнішню та внутрішню), колір, розмиття тіні, розтягнення тіні, прозорість та зміщення X та Y:

Шрифт

У меню редагування теми, в розділі «Шрифт», підрозділи доступні у звичайному стані та при наведенні курсора:

  • Шрифт (ви можете вибрати тип шрифту)
  • Розмір
  • Колір
  • Висота рядка
  • Стиль шрифту (курсив або жирний)

У підрозділі «При наведенні курсора» також можна налаштувати параметри аналогового шрифту кнопки:

Вирівнювання

У підрозділі «Вирівнювання» можна налаштувати положення кнопки:

  • У центрі
  • Вирівнювання по лівому краю
  • Вирівнювання по правому краю

Розміри

У підрозділі «Розміри» можна встановити ширину та висоту кнопок у пікселях або відсотках:

Відступи

Щоб увійти до налаштувань «Відступи» в режимі редагування теми форми, натисніть на підрозділ «Відступи», і ви зможете налаштувати внутрішні та зовнішні відступи кнопок форми:

Аналогічні налаштування для кнопки «Далі»:

А щодо кнопки «Назад»:

Фон

У меню «Фон» можна вибрати відповідний варіант фону для елементів форми:

  • Колір
  • Градієнт
  • Зображення
  • Прозорий

Якщо вибрати пункт «Колір» у головному стані, то для кнопок буде встановлено одноколірний колір фону; відповідний колір можна вибрати з палітри:

Передумова 1

У пункті «Градієнт» можна вибрати початковий колір фону кнопок, який перейде до кінцевого кольору, його вибір також доступний. Також можна встановити напрямок переходу кольорів:

  • Зверху вниз
  • Знизу вгору
  • Зліва направо
  • Справа наліво
  • Зверху ліворуч донизу праворуч
  • Знизу ліворуч до верхнього правого
  • З правого верхнього кута до лівого нижнього кута
  • Знизу праворуч до верхнього лівого

Передісторія 2

Наступний пункт – «Зображення». Щоб додати зображення на сторінку, натисніть на значок «Вибрати зображення» в полі «URL-адреса зображення», і відкриється спливаюче вікно файлового менеджера з опціями вибору зображення:

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

Передісторія 3

У розділі «Галерея» – стандартні зображення та в розділі «Мої зображення» ви матимете доступ до раніше завантажених зображень і зможете додавати нові.

У полі «Повтор» можна встановити, як зображення буде розташоване в елементі: без повторення, горизонтально, вертикально, множення. Якщо вибрати прозорий фон, то колір фону форми буде:

Передумова 4

Також є налаштування "При наведенні", тобто фон кнопки, коли користувач наводить курсор на кнопку, її фон змінюватиметься на заданий. Налаштування аналогічні звичайному стану:

Передумова 5

Передумова 6

Рамка

У меню редагування теми, використовуючи пункт «Рамка» в основному стані, можна налаштувати:

  • Тип рамки
  • Ширина рамки
  • Стиль рамки
  • Колір рамки
  • Заокруглення рамок

Щоб увійти до налаштувань рамки, натисніть на повзунок, щоб увімкнути опцію, та виберіть підпункт для налаштування:

У звичайному стані, тобто вигляд рамки кнопки перед натисканням. Наприклад, ми обрали ширину 3, чорний колір та стиль "суцільний":

А в підпункті «При наведенні» можна також задати аналогічні параметри для фону рамки, яка буде видно при наведенні курсора на кнопку.

Тінь

У меню редагування теми дизайну ви можете налаштувати тінь кнопки. Для цього увімкніть підпункт «Тінь», перемістивши повзунок:

У налаштуваннях тіні будуть доступні налаштування нормального стану та наведення, де можна редагувати: тип тіні (зовнішню та внутрішню), колір, розмиття тіні, розтягнення тіні, прозорість та зміщення X та Y:

Шрифт

У меню редагування теми, в розділі «Шрифт», підрозділи доступні у звичайному стані та при наведенні курсора:

  • Шрифт (ви можете вибрати тип шрифту)
  • Розмір
  • Колір
  • Висота рядка
  • Стиль шрифту (курсив або жирний)

У підрозділі «При наведенні курсора» також можна налаштувати параметри аналогового шрифту кнопки:

Вирівнювання

У підрозділі «Вирівнювання» можна налаштувати положення кнопки:

  • У центрі
  • Вирівнювання по лівому краю
  • Вирівнювання по правому краю

Розміри

У підрозділі «Розміри» можна встановити ширину та висоту кнопок у пікселях або відсотках:

Відступи

Щоб увійти до налаштувань «Відступи» в режимі редагування теми форми, натисніть на підрозділ «Відступи», і ви зможете налаштувати внутрішні та зовнішні відступи кнопок форми:

Аналогічні налаштування для кнопки «Далі»:

А щодо кнопки «Назад»:

Немає часу збирати форму самостійно?

Спеціалісти FormDesigner спроєктують і налаштують форму, квіз або калькулятор з нуля. Складність беремо на себе — ви займаєтесь бізнесом.

Поговорити зі спеціалістом
Наші спеціалісти