Profil

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

Photo.Graph

Catégories

20 février 2009 5 20 /02 /février /2009 08:44
En dessous des articles de son blog over-blog, il y a un petit lien "recommander" ce petit lien sert au x visiteurs qui adorent vos articles  et qui veulent à tout prix les partager avec leurs amis !!!!

Après avoir modifié le formulaire de commentaires, ce serait sympa de paramétrer un joli design à vos fans, non ? Voici comment modifier la fenêtre "recommander".


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


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 :
#divRecommander {background:#CC0000 url(http://imagedefondcommentaires.jpg); border:2px double #CC0000;}




Le titre du formulaire, "recommander ce blog"  :
#divRecommander 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é.

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




Les textes présents dans le formulaire :
#divRecommander label


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


Valable pour tous les textes, sauf :

Le texte suivant sera inséré avant votre message:
<votre nom> a souhaité vous faire partager un article intéressant et vous recommande http://xx.over-blog.com/article-xxx.html

L'aspect de ce texte est modifiable dans : #divRecommander


Les champs (sujet du message, nom, e-mail, e-mail1...) qui contiennent les données de l'utilisateur :
#divRecommander 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 :
#divRecommander input {background-color: #ff6600; border:2px dashed #000000; color:#000099; font-family:Verdana;}




La zone qui contient le texte du visiteur à l'attention de ses contacts :
#divRecommander 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.
#divRecommander 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

Polly 18/03/2009 16:51

Bonjour,
Je trouve votre blog très interessant. Je débute et j'avoue avoir qques difficultés. Je souhaiterai chnager le nom (le titre) de mon blog mais je n'y arrive pas. Pouvez-vs me renseigner svp?
Merci d'avance

Christelle Vinsonneau 19/03/2009 18:29


Et bien la réponse est dans l'article publié aujourd'hui !


Boobalechat 05/03/2009 08:09

Hum habitué des blogs d'aides d'OB ,je découvre avec plaisirs toute les petites astuces de celui-ci....Joli!!!tres bonne initiative,tutos bien fichus

Continuez!!!! :0071:

Christelle Vinsonneau 10/03/2009 19:04


Merci de cette visite et à bientôt !


charlotte 01/03/2009 18:42

merci... pour la bannière j'ai finalement trouvé une solution... en fait je m'obstinais à la placer dans "contenu personnalisé", où là, l'image apparaissait de mauvaise qualité... alors qu'il me suffisait de la placer dans "bannière graphique"... parfois je cherche un peu trop le compliqué... mais merci quand meme pour ta réponse... ;D

Christelle Vinsonneau 10/03/2009 19:01


très bien !


charlotte 23/02/2009 14:21

bonjour,

j'ai un petit souci avec ma bannière... quoi que je fasse la résolution est médiocre et toute l'image pixellise... j'ai essayé différentes façons... jpg, gif... mais rien ne change... y-a-til une solution?? merci d'avance, et bravo pour ce blog qui m'a déjà beaucoup dépannée... :D

Photo.Graph 01/03/2009 14:28


Je suis désolée de ne pas t'avoir répondue plus tôt mais je n'étais pas disponible...
Mais pour que je puisse t'aider il faudrait que tu laisses le lien de ton blog... !


cerisette 20/02/2009 12:01

bonne journée
bisous
cerisette