pour embellir et personnaliser votre fenêtre de commentaires via le css

Publié le par nessa

à la demande de beaucoup d'entre vous voici un petit billet pour mettre une image dans votre fenêtre de commentaires sur Overblog;

pour cela vous devez avoir choisi un thème de blog modifiable; les lignes de CSS sont à rajouter en bas de votre CSS;

je vous rappelle qu' avant de rajouter quoique ce soit vous devez avoir faire une sauvegarde de CSS......

 

/* fenetre de commentaire */

 

.diablog p:first-letter { font-size:250%;font-family:Monotype Corsiva; }
.diablog{ background: url(votre image de fond);background-position:fixed; default;}
.ob_form fieldset ul li .w100prct {font-family:Comic Sans MS;opacity: 0.7!important;}
.diablog .buttons{background:transparent;border:0;margin-top:2em}
.diablog a img{border:0}
.diablog .title {padding-top:55px;background:url(url d'un gif);background-repeat:no-repeat;font-family:Gabrielle;text-align:center; font-size: 30px ; color:#004BAC;background-position:right; }
.diablog .content .ob_form fieldset p { font-size:13px!important; }


.ob_form fieldset ul li label{font-family:Gabrielle;font-size: 21px;font-weight:bold;color:#000099; }
.ob_form fieldset ul li .w100prct {font-family:Gabrielle;font-size: 21px;font-weight:bold;color:#000099; }
.OBSkin .mceIframeContainer { opacity: 0.6;}

#hotmailPromo { display:none; }


.ob-button .first-child {background-image:none;!important}
.ob-button.orange .first-child {background-image:none;!important; background-position: center;background-color:#transparent}
.ob-button {background-image :none; } 
.ob-button.orange {background-image :none; background-position: 0 -81px;} 
.ob-button button {color:#004BAC!important; font-weight:bold;font-size:30px;font-family:Gabrielle;}
.ob-button button a:hover { font-size:32px!important; }

 

 

 

Voilà c'est une possibilité de fenêtre, la mienne pour le moment pour comprendre certaines de ces lignes  et savoir ce qu'elles veulent dire; personnaliser selon vos goûts;

aller lire l' excellent tuto de christelle ici

En rouge ce que vous pouvez modifier ou rajouter

 

Explication de certaines lignes

#hotmailPromo { display:none; }

ceci est pour rajouter retirer (merci claude ! ) la phrase de  publicité pour hotmail sur la fenêtre

 

.OBSkin .mceIframeContainer { opacity: 0.6;}

.ob_form fieldset ul li .w100prct {font-family:Comic Sans MS;opacity: 0.7!important;}

Ces lignes sont pour rajouter de la transparence dans les fenêtres d'écriture;

CQFD: en rajoutant ces lignes vous ne pourrez plus modifier l'apparence de la police dans la rectangle réservé à l'écriture des commentaires;

 

.diablog p:first-letter { font-size:250%;font-family:Monotype Corsiva; }

Cette ligne sert à rajouter de belles majuscules aux lignes officielles OB ...

 

bonnejournee7.jpg

image trouvée sur le site ririfleur

 

Rendez-vous sur Hellocoton !

Partager cet article

Commenter cet article

chriss 15/06/2012 13:46

bonjour,
peux tu m'aider à changer la couleur de"publier ce commentaire" j'ai essayé mais en vain.
d'avance merci

Ava 17/04/2012 00:19

j'essaierai de me lancer là dedans quand j'aurais la tête plus claire.

FéeLaure ♥ 21/01/2012 12:21

Bonjour,
Merci beaucoup pour cet article qui m'a permis d'embellir ma fenêtre de commentaires :)
Par contre ça fait deux heures que je cherche pour modifier une couleur et je n'y arrive pas :(
J'aimerai changer la couleur de "Publier ce commentaire"
et est-il possible de changer le titre "Ajouter un commentaire" en "Déposer votre plume" ? Merci beaucoup pour votre aide
Bon weekend
Amicalement

sep-bleu/Martine 03/05/2011 08:09



Wouaaaaaaaaaaaaaa, je te remercie pour la réponse !


Mais je n'ai jamais touché au css, alors je vais attendre de bien comprendre !


Je te souhaite une bonne journée


Bizzzzzzzzzzzzzzzzzzzzzzz


Martine



cricket1513 24/03/2011 19:11



ah super j'ai changé ma fenêtre :)


bisous


christelle



sagan33 01/02/2011 17:20



Coucou Nessa, je prends ... transparence dans les commentaires, merci à toi. C'est vrai qu'avec de la transparence, l'écriture est plus douce. Bonne soirée.



Eliane 15/09/2010 13:42



CoucouNESSA,  oserais je m'y coller, j'ai bien envie lol


mon petit passage sonnant la minute



tiot le chti et bunny le chti 11/08/2010 12:09



salut


ben je m'en suis pas encore occupé


mais je vais trouvé quelque chose


bonne journée



jucreations 11/07/2010 11:29



je ne l'ai pas encore fait...





bisous



chacha 09/07/2010 18:43



oui il n'y a pas de lien vers tout mes jeux flash mais je voulais changer mon css et tout faire à ce moment là et je me suis fait prendre pas le temps, comme pour le moment j'ai super mal au dos
ce sera pour quand je me sentirais mieux. BONne soirée d'anniversaire et profite bien de ton beau gateau



cerisette et l'art 31/05/2010 13:57



autant je n'ai pas de problèmes pour le création autant je suis récalcitrante pour comprendre le css , j'ai toujours peur de me tromper , ainsi cela reste comme c'est , à 62 ans , on a du mal à
s'y faire





 


bisous



ptefleurs18 27/05/2010 11:18



bonjour nessa j y reviendrai car pas encore tout compris sur le css   car ou le rajouert  a la fin de quoi articles ou autre  dans le css  je m y pencherai des que j
autrai un pt moment  bisous et merci  de cette aide



Elie 26/05/2010 17:33



Merci et très belle soirée!



blandine 26/05/2010 14:01



j'adore quand tu publies des astuces pour overblog


gros kissss



Krio 26/05/2010 06:21



merci pour ces super infos...


on va bien pouvoir personnaliser nos blogs.






kiki 25/05/2010 11:40



Bisous



Claude 25/05/2010 10:58



dis moi, j'aurais besoin au moins provisoirement de changer la couleur de "publier ce commentaire", car ma photo de fond est noire, alors on ne le vois pas vraiment...si tu sais me dire Merci ;))


bonne journée



sana 25/05/2010 10:35



je te souhaite une belle journé€ ensoleillée!!!!



thierry042 25/05/2010 10:28



en ce mardi je passe vous dire BONJOUR  et vous souhaite une très belle journée



Sancie 25/05/2010 09:41



Snif, j'y comprend rien, pourtant je ne suis pas blonde.


Passe un très bon mardi


Gros bisous



cricket1513 25/05/2010 08:24



je te souhaite une bonne journée


gros bisous


christ'ailes



Mccoy75 25/05/2010 08:09



bonjour, je te remercie de ton passage chez moi.pour mes vidéos, j'essaye de faire passer un bon moment à ceux qui les regardent; @+



CHanocat 25/05/2010 00:15



puis-je une tite question Nessa ? Comment faire apparaître l'avatar dans la réponse aux commentaires ? Merci ma  belle, bonne nuit à bientôt


Chantal de ch'nord



tiot le chti 24/05/2010 23:38



salut


ben je vais voir pour la fenetre de commentaire


merci du tuyau


bonne soirée



Garelle 24/05/2010 23:07



Ouh là,...ça me semble trop compliqué pour moi !!!!!


bisous



☼♥ Lajemy ♥♪ 24/05/2010 22:30



Belle soirée à toi la miss ! bisous



ange-heureux 24/05/2010 22:19



bonsoir nessa, mille merci pour m'avoir presenter tes condoleances, et aussi pour mon anniv, gros bisous et bonne soirée



mentale 24/05/2010 21:43



Après une chaude journée ensoleillée et de repos, je passe pour mon coucou du jour.



mamzelle.B 24/05/2010 21:18



Coucou Nessa


Me voilà de retour après de bons moments au soleil !


c'est vrai que ta fenêtre des commentaires est sympa


plein de bisous



Minéraline 24/05/2010 20:48



Coucou !


Il va falloir que je m'en occupe, c'est une bonne idée. Merci pour cette aide !


Et bon début de semaine **


 


Minéraline



indiens59680 24/05/2010 20:19



bonsoir nessa je tenais a te remercier pour ton passage pour l'anniversaire de ma petite clara  gros bisous a toi et bonne nuit a pluche  bizzzzzzzzzzzzzzzzzzzzzzzzzzzzz



Pyrausta 24/05/2010 19:03



il va falloir que j'aie les neurones mieux alignes pour m'y mettre mais depuis le temps que je voulais svoir le faire....


Alors merci pour ces explications.bises


je suis ex Callophrys...le blog sera supprime bientot et remplace par celui là....



kiki 24/05/2010 17:21



 Bonne fin de journée.



Santounette 24/05/2010 17:08



Je vois que tu viens de changer ta fenêtre de commentaire.
J'aimerais bien le faire aussi mais je n'ai pas trop le temps et j'ai bien peur de faire une bêtise.
C'est sympa de mettre une photo.
Bon lundi
Bises 



cheznous62 24/05/2010 15:36







soakette la sardine 24/05/2010 15:22



coucou ! tu as reçu le badge "heal the world" sur mon blog ^-^bon lundi !



***claradu59680*** 24/05/2010 14:27



coucou !!!! aujourd'hui fait chaud et mais elle est belle ta barre over blog passe une bonne journée@++



thierry042 24/05/2010 10:22



un passage pour vous dire BONJOUR  et vous souhaiter une très bonne journée



Sophie76 24/05/2010 09:40



Bonjour merci pour ta visite !!! Il est très bien fait ton blog !!! Je te souhaite de passer un bon lundi !!! Gros bisous !!!



LEMANTINE 24/05/2010 08:30



Bonjour Nessa,


Merci pour ces informations, c'est vrai que personnaliser ses commentaires c'est plus beau.


 





 Véronique de Thonon.



!☼♥ Lajemy ♥♪ 23/05/2010 22:50



Bon je note pour quand j'aurais un css modifiable hein ! ça sera pour cet hiver maintenant hihi bisous à toi



MCD 23/05/2010 21:58



coucou Nessa un superbe article mais pour moi trop difficile car je ne comprends rien et comme je ne sais même pas le css car c'est lin patine l'autre qui m'a tout fait je coule!!! mais c'est
super sympa de faire profiter car j'aurai aimé décorer ma fenêtre de commentaires mais je ne suis pas trop douée pourtant je prends des cours d'informatique depuis + de 3 ans mais nous traitons
toujours les mêmes sujets!!! photo excel etc.... j'en ai raz le bol et l'an prochain j'arrête car on devait justement traiter du langage html et tout ce qui concerne le blog mais pour me faire
m'inscrire la prof m'a promis et la fin de l'année arrive et je n'ai rien vu de mes cours choisis que des merdes car c'est un cours de perfectionnement et il y en a qui ne savent rien faire!! je
suis très déçue!! mais lorsque je reviendrai sur ob j'essaierai de mieux comprendre mais en ce moment je n'ai même pas le temps de publier j'ai mis mon blog en pause on se retrouvera certainement
à la rentrée, j'espère peut-être un article avant mais je croule sous le poids de travail que j'ai à faire une grande maison et un grand terrain une petite fille des animaux un mari et un boulot
et pleins de passions et aussi deux grands enfants que nous aidons du mieux que nous le pouvons et ma famille est plus importante en ce moment que le blog mais j'aime beaucoup le contact que nous
avons et c'est super enrichissant, je te souhaite une bonne fin de week end de pentecote amitiés à toi



mahassine 23/05/2010 19:31



merci pour ton travail tu es très généreuse , bravo


bisous))



THIERRY042 23/05/2010 19:16



je passe vous dire  BONSOIR  et vous souhaite une bonne fin de soirée en ce dimanche



***claradu59680*** 23/05/2010 14:04



merci pour le compliment du blog et merci tu lui diras qu'il a fait un bon choi merci@++



Claude 23/05/2010 13:51



ça y est j'y suis arrivé, c'est bien la taille de ta fenêtre qui est différente de beaucoup de la mienne, donc forcément mes fonds ne sont plus à la bonne longueur ni largeur ;))



Cl@ude 23/05/2010 13:29



j'ai repris ton css, pour "jouer" sur mon blog d'essai, mais y a un truc qui cloche, ça ne me met pas l'image correctement


 





 


 


tu vois, l'image se répète au lieu d'être une...peut être une question de hauteur....ta fenêtre est plus grande que la mienne


 



Claude 23/05/2010 13:02



super ton tuto...par contre hotmailpromo, c'est pour l'enlever la pub, pas pour la mettre ???






lapinouse-xiao-tu landaus - bleus - pneus - lieus (si c' est le poisson) - matous - tuyaux - tonneaux - choux - cheveux - lieux (si c' est l' endroit) - hiboux. et pour terminer, des bisous pour toi. 23/05/2010 05:18







!☼♥ Lajemy ♥♪ 22/05/2010 23:39



Bisous à toi et belle soirée