Ако искате вашите форми да се съчетаят безпроблемно с дизайна на вашия сайт, направата на фона прозрачен е най-простия начин да го постигнете. Ето бърз урок, който ще ви покаже как да го направите.
Има три начина да промените цвета на фона си.
Метод 1: Промяна на настройките във ФОРМОВИЯ ДИЗАЙНЕР
1. Щракнете върху синята икона ДИЗАЙНЕР НА ФОРМА във вашата форма.
![Направете фона на формата прозрачен Image-1](https://cms.jotform.com/uploads/image_upload/image_upload/global/132394_firefox_RpcbiYmy3d.png)
2. Отидете в раздела ЦВЕТОВЕ.
3. В раздела ЦВЯТ НА ФОРМА напишете “прозрачен” (без кавичките). Цветът в полето отдясно на входа трябва да се превърне в карирано сиво и бяло.
Като алтернатива можете да щракнете върху прозрачната цветна икона.
![Направете фона на формата прозрачен Image-2](https://cms.jotform.com/uploads/image_upload/image_upload/global/132395_firefox_wYkNNXQTnr.png)
4. След това щракнете върху бутона ЗАПАЗИ.
![Направете фона на формата прозрачен Image-3](https://cms.jotform.com/uploads/image_upload/image_upload/global/132396_firefox_9jsw6Xt4f8.png)
Метод 2: Използване на страницата РАЗШИРЕН ДИЗАЙНЕР
1. В същата секция на ДИЗАЙНЕРА НА ФОРМАТА щракнете върху бутона РАЗШИРЕН ДИЗАЙНЕР в долната част.
![Направете фона на формата прозрачен Image-4](https://cms.jotform.com/uploads/image_upload/image_upload/global/132397_firefox_BHVoYQhiMG.png)
2. В раздела ДИЗАЙН можете да промените цвета на фона на страницата или рамката на формата в раздела ЦВЕТОВЕ СХЕМА.
![Направете фона на формата прозрачен Image-5](https://cms.jotform.com/uploads/image_upload/image_upload/global/132398_firefox_PZP9HPJWvG.png)
3. Не забравяйте да щракнете върху бутона ЗАПАЗИ от лявата страна на страницата РАЗШИРЕН ДИЗАЙНЕР, за да приложите промените.
Метод 3: Инжектирайте персонализирани CSS кодове
1. На страницата РАЗШИРЕН ДИЗАЙНЕР, отидете на раздела CSS този път.
2. Поставете тези персонализирани CSS кодове:
.supernova, .jotform-form, .form-all {
background-color: transparent !important;
}
![Направете фона на формата прозрачен Image-6](https://cms.jotform.com/uploads/image_upload/image_upload/global/132399_firefox_atJ2fBxlJg.png)
3. Както обикновено, уверете се, че щраквате върху бутона ЗАПАЗИ, за да приложите промените.
За допълнителна информация вижте тези ръководства:
Как да компенсирате IE6s липса на поддръжка за прозрачни PNG файлове
Как да регулирате непрозрачността на фона на формата
Коментари и предложения са добре дошли по-долу. Ако имате въпрос, публикувайте го в нашия форум за поддръжка, за да можем да ви помогнем.
Изпратете коментар: