Profil

  • Christelle
  • retrouvez-moi sur : http://www.awerpi.fr
  • retrouvez-moi sur : http://www.awerpi.fr

Photo.Graph

Catégories

13 février 2009 5 13 /02 /février /2009 16:42
Il peut arriver d'avoir envie de paramétrer la fenêtre qui contient le formulaire qui permet de laisser un commentaire.
Alors voici comment s'y retrouver.




Le cadre qui contient l'ensemble du formulaire :
#formComment


Je veux par exemple lui mettre du rouge en fond le temps qu'une image vienne en fond et une bordure rouge double tout autour de 2 pixels d'épaisseur :
#formComment {background:#CC0000 url(http://imagedefondcommentaires.jpg); border:2px double #CC0000;}




Le titre des commentaires :
#formComment h2

Je veux par exemple qu'il s'affiche dans une bande de couleur blanche, qu'il soit écrit en rouge, qu'il soit centre, en 15 pixels de grandeur et qu'il soit souligné.

#formComment h2 {background-color:#FFFFFF; color:#CC0000; text-align: center; font-size: 15px;text-decoration:underline;}




Les textes présents dans le formulaire sauf : Visible uniquement par l'auteur du blog. Et : Nous vous rappelons que vous êtes responsable du contenu des commentaires que vous publiez. Votre adresse IP (XXX) sera archivée.
#formComment label


Je veux par exemple que les textes soient écrits en Arial de 10 pixels et en noir.
#formComment label {font-family: Arial; font-size: 10px; color: #000000;}




Les champs (nom, e-mail, site) qui contiennent les données de l'utilisateur :
#formComment input


Je veux par exemple que le fond soit orange, qu'il y ait tout autour une ligne en pointillée de 2 pixel d'épaisseur en noir, que le texte tapé s'affiche en bleu dans le formulaire et en Verdana :
#formComment input {background-color: #ff6600; border:2px dashed #000000; color:#000099; font-family:Verdana;}




La zone qui contient le texte tape du commentaire laissé par le visiteur :
#formComment textarea


Je veux qu'il y ait une couleur noire qui s'affiche avant que l'image de mon choix se mette en arrière plan, je veux qu'il y ait une bordure simple blanche d'un pixel d'épaisseur et que le texte tapé par le visiteur s'affiche en rouge dans le formulaire.
#formComment textarea {background: #000000 url(http://fonddeformulaire.jpg); border:1px solid #FFFFFF; color:#CC0000;}

 

Partager cet article

Repost 0
Published by Christelle Vinsonneau - dans webdesign
commenter cet article

commentaires

Les Plus Beaux Gifs Du Net 20/02/2009 21:28

merci, c'est très bien expliqué,
j'ai un nouveau formulaire de commentaires tout beau.
Séverine

Photo.Graph 01/03/2009 14:24


j'en suis ravie !


cerisette 13/02/2009 20:26

tu est tellement gentille de faire partager cela avec tout le monde ; merci
bisous
cerisette

Christelle Vinsonneau 14/02/2009 18:06


C'est avec plaisir