Направете фона на формата прозрачен

9 януари 2023 г.

Ако искате вашите форми да се съчетаят безпроблемно с дизайна на вашия сайт, направата на фона прозрачен е най-простия начин да го постигнете. Ето бърз урок, който ще ви покаже как да го направите.

Youtube Embed Poster: s0EQETZxXQo

Има три начина да промените цвета на фона си.

Метод 1: Промяна на настройките във ФОРМОВИЯ ДИЗАЙНЕР

1. Щракнете върху синята икона ДИЗАЙНЕР НА ФОРМА във вашата форма.  

Направете фона на формата прозрачен Image-1

2. Отидете в раздела ЦВЕТОВЕ.

3. В раздела ЦВЯТ НА ФОРМА напишете “прозрачен” (без кавичките). Цветът в полето отдясно на входа трябва да се превърне в карирано сиво и бяло.

Като алтернатива можете да щракнете върху прозрачната цветна икона.

Направете фона на формата прозрачен Image-2

4. След това щракнете върху бутона ЗАПАЗИ.

Направете фона на формата прозрачен Image-3

Метод 2: Използване на страницата РАЗШИРЕН ДИЗАЙНЕР

1. В същата секция на ДИЗАЙНЕРА НА ФОРМАТА щракнете върху бутона РАЗШИРЕН ДИЗАЙНЕР в долната част.

Направете фона на формата прозрачен Image-4

2. В раздела ДИЗАЙН можете да промените цвета на фона на страницата или рамката на формата в раздела ЦВЕТОВЕ СХЕМА.

Направете фона на формата прозрачен Image-5

3. Не забравяйте да щракнете върху бутона ЗАПАЗИ от лявата страна на страницата РАЗШИРЕН ДИЗАЙНЕР, за да приложите промените.

Метод 3: Инжектирайте персонализирани CSS кодове

1. На страницата РАЗШИРЕН ДИЗАЙНЕР, отидете на раздела CSS този път.

2. Поставете тези персонализирани CSS кодове:

.supernova, .jotform-form, .form-all {
  background-color: transparent !important;
}
Направете фона на формата прозрачен Image-6

3. Както обикновено, уверете се, че щраквате върху бутона ЗАПАЗИ, за да приложите промените.

За допълнителна информация вижте тези ръководства:

Как да компенсирате IE6s липса на поддръжка за прозрачни PNG файлове

Как да регулирате непрозрачността на фона на формата

Коментари и предложения са добре дошли по-долу. Ако имате въпрос, публикувайте го в нашия форум за поддръжка, за да можем да ви помогнем.

Свържете се с екипа за поддръжка:

Нашият екип за поддръжка на клиенти е на разположение денонощно и средното ни време за реакция е между един и два часа.
С нашия екип можете да се свържете чрез:

Форум за поддръжка: https://www.jotform.com/answers/

Свържете се с поддръжката на Jotform: https://www.jotform.com/contact/

Изпратете коментар:

Jotform Avatar
Този сайт е защитен от реКАПЧА и Декларацията за поверителност и Общи условия.

Podo Comment Бъдете първите, които коментират.