Rendre l’Arrière-plan du Formulaire Transparent

December 18, 2021

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.

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.

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.

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;
}

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.

Ce guide vous a-t-il aidé ?

Envoyer un commentaire:

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

Commentaire:

Podo CommentSoyez le premier à commenter.