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

April 12, 2022

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.supernova, .jotform-form, .form-all {
  background-color: transparent !important;
}

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

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

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

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

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

Беше ли това ръководство полезно?
Свържете се с екипа за поддръжка:

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

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

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

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

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Коментар:

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