Afin de respecter la bonne pratique numéro 57 définie par Opquast, nous venons de mettre en place un formulaire de contact sur le blog. Nous avons utilisé le plugin Contact de k-net. Afin de respecter quelques normes supplémentaires, nous avons été amenés à le modifier. Le formulaire de contact était auparavant structuré avec un tableau HTML. Nous l'avons modifié pour qu'il soit présenté uniquement grâce à la feuille de style CSS du blog. Par défaut, les champs obligatoires ne sont plus représentés par une étoile mais par le mot obligatoire en toute lettre.

Télécharger le plugin modifié.

Afin que la mise en forme du formulaire soit correcte, voici le code à utiliser dans la feuille de style :

/* Le formulaire de contact
*******************************************************************************/	
#contact-form label { /* Les labels liés aux champs du formulaire flottent à gauche avec une largeur de 15em */
	float: left;
	width: 15em;
	margin-top: 0.2em;
}

#contact-form input {
	margin-top: 0.3em;
	margin-bottom: 0.1em;
}

#contact-form textarea {
	margin-top: 0.3em;
	width: 25em;
}

#contact-form p.submit-contact-form {
	text-align: center; /* Alignement du bouton de soumission */
}

.error-contact-form {
	color: #a00; /* Couleur des messages d'erreurs */
}