Le nouveau formulaire de commentaire

Publié le 17 mai 2009 par Cali
Hey, il me semble que ça fait déjà bien longtemps que les crocus ont fâné ! Il grand temps que j'aère un peu les étagères et les allées de l'atelier

¤¤¤

Pour commencer, on va désacraliser ce $*0@°$£¤ù*µ& de nouveau formulaire de commentaires de *$¤£à0à+=#&%$ !!!
Il est tout pareil tout partout, tout moche en prime donc je vais vous montrer les classes CSS à modifier pour le rendre plus attrayant et pour l'harmoniser davantage avec le look de vos blogs.
Comme à mon habitude, je vous ai préparé un tutoriel illustré.

¤¤¤

Les classes du formulaire de commentaires sont les suivantes :

.diablog { } mis à part la partie contenant les boutons "Fermer" et "Publier", il s'agit de tout le formulaire de commentaire (hachuré en rouge sur la capture ci-dessous).



.diablog .buttons { } correspond à la zone contenant les boutons "Fermer " et "Publier ce commentaire"


.ob_form { } il s'agit de la partie centrale du formulaire de commentaire, hachurée en rouge sur la capture.


.diablog .title { } le titre "Ajouter un commentaire"


.ob_form ul li input { } les champs de saisie de vos informations (pseudo, e-mail, site)


.ob_form ul li textarea { } le champ de saisie de votre message


.ob_form ul li label { } pour tous les libellés du formulaire


¤¤¤

Remarque
:
Il existe d'autres classes que je n'ai pas jugé utile de détailler ici, celles présentées dans ce billet sont, à mon humble avis, largement suffisantes à la personnalisation du formulaire de saisie des commentaires.