Rendre l’arrière-plan du formulaire transparent

Last Update: 

Si vous souhaitez que vos formulaires s’adaptent parfaitement dans la conception de votre site, rendre l’arrière-plan transparent est le moyen le plus simple d’y parvenir. Voici un tutoriel rapide pour vous montrer comment faire.

Il existe trois façons de changer la couleur de votre arrière-plan.

Méthode 1: Modification des paramètres dans GÉNÉRATEUR DU FORMULAIRE

1. Cliquez sur l’icône bleue Générateur de formulaire sur votre Form Builder.

Icône bleue Générateur de formulaire

2. Allez dans l’onglet COULEURS.

3. Dans la section COULEUR DU FORMULAIRE, saisissez “transparent” (sans les guillemets). La couleur dans la case à droite de l’entrée doit se transformer en carreaux gris et blanc.

Vous pouvez également cliquer sur l’icône de couleur transparente.

Couleur transparente

4. Cliquez ensuite sur le bouton ENREGISTRER.

Rendre l’arrière-plan du formulaire transparent Image-1

Méthode 2: Utilisation de la page CONCEPTEUR AVANCÉ

1. Dans cette même section du GÉNÉRATEUR DE FORMULAIRE, cliquez sur le bouton CONCEPTEUR AVANCÉ en bas.

Rendre l’arrière-plan du formulaire transparent Image-2

2. Dans l’onglet CONCEPTION GRAPHIQUE, vous pouvez modifier la couleur d’arrière-plan de la page ou le cadre du formulaire dans la section PALETTE DE COULEURS.

Rendre l’arrière-plan du formulaire transparent Image-3

3. Assurez-vous de cliquer sur le bouton ENREGISTRER sur le côté gauche de la page CONCEPTEUR AVANCÉ pour appliquer les modifications.

Méthode 3: Injecter des codes CSS personnalisés

1. Toujours sur la page CONCEPTEUR AVANCÉ, allez cette fois dans l’onglet CSS.

2. Collez ces codes CSS personnalisés:

.supernova, .jotform-form, .form-all {
  background-color: transparent !important;
}
Rendre l’arrière-plan du formulaire transparent Image-4

3. Comme d’habitude, assurez-vous de cliquer sur le bouton ENREGISTRER pour appliquer les modifications.

Pour plus d’informations, consultez ces guides:

Comment compenser le manque de prise en charge des fichiers PNG transparents par IE6

Comment ajuster l’opacité d’un arrière-plan des formulaires

Les commentaires et suggestions sont les bienvenus ci-dessous. Si vous avez une question, postez-la sur notre forum d’assistance afin que nous puissions vous aider.

Was this guide helpful?
Contact Support:

Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:

Support Forum: https://www.jotform.com/answers/

Contact Jotform Support: https://www.jotform.com/contact/

Send Comment:

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

Comment:

Podo CommentBe the first to comment.