Stylisé des formulaires

Information importante

En raison d'un grand nombre d'inscriptions de spammers sur notre site, polluant sans relache notre forum, nous suspendons la création de compte via le formulaire de "sign up".

Il est néanmoins toujours possible de devenir adhérent•e en faisant la demande sur cette page, rubrique "Inscription" : https://www.drupal.fr/contact


De plus, le forum est désormais "interdit en écriture". Il n'est plus autorisé d'y écrire un sujet/billet/commentaire.

Pour contacter la communauté, merci de rejoindre le slack "drupalfrance".

Si vous voulez contacter le bureau de l'association, utilisez le formulaire disponible ici, ou envoyez-nous un DM sur twitter.

Submitted by Acharrier on

Bonjour à tous,

Je suis débutant dans Drupal et je cherche à styliser les formulaires comme j'ai pu le faire avec les pages. Par exemple ajouter des bandeaux en haut des formulaires et à gauche afin d'avoir un site homogène niveau graphisme.

Est-ce possible de surcharger les formulaires comme les pages au niveau des tpl?

Merci d'avance

Forum : 
Développement
Version de Drupal : 
6.x

Soumis par anty le 20 Juillet, 2010 - 10:49

C'est pour styliser les formulaires de création de contenu ou des webforms ?

Je te conseil d'utiliser Devel Themer qui te permet de savoir quel fichiers sont appelés dans l'ordre.

Par exemple pour l'ajout d'un contenu (news) les pages (tpl.php) appelés sont :
- page-node-add-story.tpl.php
- page-node-add.tpl.php
- page-node.tpl.php
- page.tpl.php

Dans ton cas, peut-être que page-node-add.tpl.php conviendrais ? Sachant qu'il faudra duplqiuer cette page pour créer la version de modification de contenu (page-node-edit.tpl.php)

Soumis par Marie1 le 8 Novembre, 2011 - 22:43

Bonsoir anty,
Merci pour cette Information.
Je souhaiterais juste mofifier l'emplacement (gauche centre droite) des champs dans le formulaire de création de mon contenu "Déposez votre annonces". Avec aussi un peu de CSS. Suis-je obligée de créer un :
- page-node-add-monannonces.tpl.php ?
Display suite le fait très bien sur les nodes mais je n'ai pas réussi à le faire fonctionner sur les node-edit.
Merci d'avance

Soumis par Marie1 le 17 Novembre, 2011 - 18:45

Bonjour Marina_kha,
Permettez-moi de revenir vers vous concernant le module Arrange fields.
Le module nous permet de mettre du code HTML, en utilisant l'option "add markup". Seulement, <img src="email.jpg"/> ne fonctionne pas, ni "background: url(images/email.jpg);". J'ai fait d'autres essais mais y a rien à faire. Peut-être auriez-vous une idée du pourquoi. Le module n'accepte-il pas l'importation d'image?

Vous remerciant par avance pour l'aide que vous pourriez m'apporter.

Soumis par Marie1 le 23 Novembre, 2011 - 21:24

Bonsoir Marina_Kha,

Merci pour votre réponse. J'ai fini cependant par abandonner la procédure "img src" dans les markup.
En fait, je n'ai pas réussi à trouver le bon chemin. J'ai essayé <img src="files/images/email.jpg"/> et <img src="images/email.jpg"/> et d'autres combinaisons en fonction de l'emplacement de mes dossiers mais rien à faire, là pour le coup je n'ai pas eu la main. J'ai même pensé qu'il pouvait s'agir d'un problème de format,j'ai donc utilisé des images en png, gif et jpg, mais rien à faire.

En revanche ;) j'ai contourné ma triste lacune en procédant comme suit :
1)Je clique sur add markup
2)Je récupère les références du markup via Firebug, ce qui me donne un "#markup_element_hZbmaRHIiO"
3)Puis je complète cette réference avec un "background: url(images/email.jpg)no-repeat}" dans mon fichier style.css.

#markup_element_hZbmaRHIiO{
background: url(images/email.jpg)no-repeat}

Bonne réception.