Changer le thème du gabarrit proposé

Bonjour,

dans le formulaire, je voudrai utiliser le thème : Course de vélo mais le restiliser à mon gout et je ne sais pas le faire.

Je voudrai que la zone bleue soit noire, que la zone jaune claire soit verte et enfin au lieu du logo du vélo mettre un logo de ma création

comment puis je faire, car j'aime beaucoup l'idée du logo vélo qui reste fixe pendant que l'utilisateur progressera dans le formulaire.

J'espère que c'est possible !

Merci par avance,

Sébastien

Bonjour Sébastien,

Merci de contacter l'assistance Jotform. Pour personnaliser ce modèle, c'est (presque) simple, permettez-moi de vous montrer. Ces éléments que vous voulez changer sont tous des images chargées dans le formulaire. Les personnalisations nécessitent donc un éditeur d'image.

Pour le logo,

1. Dans le Générateur de Formulaire, à la page Créer.
2. Cliquez sur le logo. Vous pouvez le supprimer pour le remplacer par le vôtre à la section Logo dans le panneau de droite.

Pour le fond du formulaire,

1. Dans le Générateur de Formulaire, allez à la page Créer.
2. Cliquer sur le rouleau de peinture à droite.
3. Vous voyez à la section Image de la page que le fond du formulaire est aussi une image.

Un clic droit sur la prévisualisation de l'image dans la section 'Image de la page' vous permet de la télécharger, en changer les couleurs, et la téléverser depuis la même section.

Pour l'image glissante de vélo, il 'agit d'injecter le code CSS suivant où figure l'URL de l'image que vous souhaitez y mettre. Cela suppose donc que votre image soit accessible via u URL.

html.supernova .form-all:after {

background-image: url(https://www.jotform.com/blog/wp-content/uploads/2016/02/Finding-the-Perfect-Podo-Sticker-1.png) !important;

}

où vous devez remplacer l'URL qui se trouve entre parenthèse par celle de votre image.

Pour injecter ce code,

1. Depuis le même panneau de droite que précédemment, sélectionnez l'onglet Styles.
2. Collez le code CSS dans la partie Injecter du code CSS personnalisé.

Ce qui donne, présentement:

Faites un essai et dites-nous comment ça se passe.

Ok merci de votre réponse. La seule question que j'ai encore, c'est à quel endroit je dois injecter le code CSS?

Je vais devoir changer le nom du formulaire que je renomme en Trentotto Seconde Vie Test car je dois à présent me servir du formulaire tel qu'il est actuellement, je ferai mes test de ce que vous me dites Vendredi.

Merci

Bonjour Sébastien,

Merci de revenir vers nous. Pour injecter du code CSS, cela se passe simplement aus dernières étapes 1 et 2 de ma précédente réponse, en bas de l'onglet Styles après avoir cliqué sur le rouleau de peinture, dans la section Injecter du CSS personnalisé, qui vaut pour tout le formulaire.

• Vous pouvez aussi cliquer sur le bouton Outil de Conception Avancé.
• Et, une fois ouvert, cliquez sur l'onglet CSS à droite.
• Et, lorsque vous sélectionnez un élément du formulaire, les principales propriétés CSS de l'objet sélectionné s'affichent, parmi lesquelles vous pouvez choisir pour en régler les valeurs, comme par exemple:

Si cette assistance à l'injection de CSS pour personnaliser votre formulaire ne vous suffit pas, vous pouvez y compléter et/ou y insérer vous-même le code CSS particulier qui vous convient.

Une fois le code injecté, n'oubliez pas d'enregistrer les changements.

1. Cliquez sur la disquette en haut à gauche pour enregistrer.
2. Puis sur le logo Jotform grisé dans le coin juste au-dessus pour retourner dans le Générateur de Formulaires.  

Vous retrouvez bien sûr le code précédemment injecté dans l'onglet du Générateur de formulaire, ces deux champs d'injection du CSS reflétant tout code CSS injecté.

Ce tutorial peut aussi vous aider, Comment injecter du code CSS personnalisé, ainsi que celui-ci, Personnalisez votre formulaire à l'aide de code CSS.

Faites un essai et dites-nous comment ça se passe. 

Top!

Merci beaucoup!