Overblog Suivre ce blog
Editer l'article Administration Créer mon blog

  • : Viens chez Daninoune
  • Viens chez Daninoune
  • : Viens !
  • Contact

  • VIENS chez Daninoune
  • Comme Woody Allen, je dis :
Mon seul regret dans la vie, c'est de ne pas être quelqu'un d'autre.
  • Comme Woody Allen, je dis : Mon seul regret dans la vie, c'est de ne pas être quelqu'un d'autre.

aide-blog

 

apparence-blog

commentaire-réponse

faire un lien

largeur du blog

lien-newsletter

signature-site-des-commentaires

titre-résumé

traducteur

transparence

 

 

curiosité

 

attab-hervé-écrivain

journal-régional

angélique-marquise-des-anges

jeu-gratuit

mike-brant

test-qi

 

 

feng-shui

 

dragon

phoenix

serpent

tigre

tortue

 

 

gif-animé

 

bonjour

e-book

prénom

jours de la semaine

séparateur

 

 

zodiaque

 

compatibilité-amoureuse 

balance

belier

cancer

capricorne

gémeaux

lion

poisson

sagittaire

scorpion

taureau

verseau

vierge

 

charade

1 décembre 2009 2 01 /12 /décembre /2009 00:00

Bonjour à vous  !

Commentaire et réponse lisible, coloré, encadré

aideblog-viensczdaninoune

 

 

Vous le constatez, je passe mon temps dans le CSS, j’adore.

Le résultat n’est pas toujours conforme à mes souhaits, mais je

fais le maximum avec mes moyens.


J’ai remarqué, au cours de mes visites, que les commentaires et réponses, ne sont pas toujours faciles à lire :

¤ Écriture trop petite,
¤ Difficulté à différencier, les commentaires et les réponses,
¤ Impossibilité de retrouver le commentaire laissé, surtout quand on n’autorise pas les gravatars, ¤ Etc.


Alors, voilà, je vais vous donner un tuyau pour les distinguer, en leur donnant une couleur différente.

C'est hyper facile, mais évidemment, il faut oser aller faire un tour dans le CSS

Je vous rappelle, bien sur, que je ne suis pas une « Pro », ce que je vous dis est, ce que j’expérimente.


Vous allez dans le CSS Accueil

/*Commentaires-Reponses*/

J’utilise cette méthode, mais il en existe d'autres...

.commentMessage {} représente le commentaire que les blogpotes vous laissent,

et .responseMessage {}  représente les réponses que vous faites.


Vous souhaitez mettre une couleur :

Voici le logiciel dont je me sers, pour mes couleurs, alors si vous voulez le télécharger, CLIC dessus!

http://sd-1.archive-host.com/membres/up/133917233040018234/AIDEBLOG/boiteAcouleur.jpg
1) Vous recherchez dans le CSS si vous le trouvez, sinon vous écrivez :

".commentMessage" sans oublier le «  . point » devant

et vous ouvrez les accolades {}...

Pour ouvrir l'accolade touche Alt Gr à droite de la barre espace du clavier, et la touche 4 apostrophe du haut du clavier, pour ouvrir, puis à nouveau Alt Gr et la touche plus et égal à droite en haut du clavier.

Vous mettez tout ce que vous rajoutez entre ces accolades.

 

2) Ensuite vous choisissez le code couleur que vous voulez et vous inscrivez à l’intérieur des accolades :

background-color:#db7093;  J’ai mis le rose en exemple, mais à chacun de mettre la couleur voulue. Il est important, de bien les placer, comme ceci pour suivre l’alignement du CSS  et de ne pas oublier le point virgule « ; » qui sépare toutes les informations et sans quoi, ça ne fonctionnera pas :

.commentMessage {

        background-color:#db7093;

        }


III - Et ensuite vous faite la même chose avec

.responseMessage {

        background-color:#f5deb3;

        }

A ce moment là, vous prévisualiser pour voir si c’est conforme. Et si c’est bon, vous enregistrez et vous faites la même chose dans le CSS Article.

Pensez ensuite à faire F5 pour nettoyer le cache, et voir s’afficher les modifications.

http://sd-1.archive-host.com/membres/up/133917233040018234/DECO/yeux7.gif 

Quand vous aurez obtenu la couleur, peut-être voudrez-vous encadrer vos commentaires. Rien de plus facile, il suffit de rajouter :

border:2px solid #f5deb3; entre les accolades, à la suite du reste.sans oublier le point virgule, et de replacer l’accolade si besoin est., comme ceci :

.commentMessage {

        background-color:#db7093; border:2px solid #f5deb3;

        }

       
2px, est l’épaisseur du trait de contour, vous pouvez l’augmenter, ou le réduire, et solid#f5deb3 est la couleur et la structure du trait.

Et ensuite de la même façon, vous prévisualisez, vous enregistrez, et vous faites la même chose dans l'autres CSS.

Puis F5 !

Et voilà, cette méthode permet de différencier les commentaires des réponses.

Voici ce que ça donne chez moi...

http://sd-1.archive-host.com/membres/up/133917233040018234/AIDEBLOG/illustration-com-reponses.jpg

PS :

Si vous souhaitez voir d'autres aide-blog, CLIC ICI, merci!

A bientôt!

Partager cet article

Repost 0
Published by VIENS cz Daninoune - dans aide-blog
commenter cet article

commentaires

:0010:Lili-Flore :0091: 06/12/2009 23:29


heu t'as pas trouver le moyen de nous mettre une imprimante pour imprimer tes conseils, ce serait plus facile que copier coler et imprimer tu ne crois pas (mdr, mais avec toi on ne sais jamais t'es
bien capable de trouver à nous faire cela). Bonne fin de soirée avec des bigs bisous


VIENS cz Daninoune 07/12/2009 01:17


Serais-je un génie qui s'ignore ? (lol) Si ça existe ce système d'imprimante, je le trouverai....
Mais en cas de besoin, je peux aller sur ton blog et te faire ce que tu veux (si je sais le faire) ; C'est vrai, je ne suis pas Kikojo, mais je me régale.
Remarque, en faisant copier-coller (ce qui n'est pas recommandé), c'est vite fait, car aprés tu n'as plus qu'à choisir tes couleur, ta police, etc...
Allez, j'espère que tu es au chaud à côté de ton homme en zamoureux, à préparer les fêtes qui arrivent au grand galop.
Bisous


letemps-d 05/12/2009 22:28


Merci pour ce partage. Bon week-end
Bérangère


VIENS cz Daninoune 06/12/2009 23:04


On est là pour s'entre aider, alors à chaque fois que je le peux, je le fais... Et puis j'adore...
A la prochaine!


Didier d 05/12/2009 12:23



Je viens ce matin t'offrir ce certificat
passe une très bonne journée
amitiés

didier d





VIENS cz Daninoune 05/12/2009 15:27


Merci pour le Certif!
Et bon week-end !


mamiekeke 03/12/2009 18:40


Bonsoir ma DANY , je viens de me piquer un roupillons bien mérité , c' est la
premiière fois j' atais trop fatiguée de tous ces jours sans sommeil alors je me suis rattrapée hihihi , j' espère que je ne paierai pas cette nuit et que je dormirai encore .

Gros bisous ma petite chérie et à bientôt .
RENEE (mamiekéké).


VIENS cz Daninoune 04/12/2009 03:31


Dormir, c'est la chose la plus importante. Je suis contente que tu aies pu récupérer.
Moi, par contre, je suppose que c'est parce que tu n'es pas au mieux de ta forme, j'ai reperdu le sommeil... je patienterai jusqu'à ce que tu ailles mieux (lolà
Bonne nuit et gros bisous


Pilouchi 03/12/2009 14:21


un petit coucou admiratif devant tous ces changements pour te souhaiter un bel après midi ! gros bisous et à très bientôt !


VIENS cz Daninoune 03/12/2009 16:28


Merci!
J'ai préparé l'article qui paraitra demain...
On est pas nombreux en débutant, ça va être difficile et sérré (lol).
Bisou


En cliquant sur le drapeau du pays,
vous pouvez traduire mon blog dans la langue qu'il vous plait! 
http://translate.google.fr/translate?u=http%3A%2F%2Fviens.over-blog.fr/&hl=EN&ie=UTFAngleterre http://translate.google.fr/translate?u=http%3A%2F%2Fviens.over-blog.fr/&hl=DE&ie=UTFAllemagne http://translate.google.fr/translate?u=http%3A%2F%2Fviens.over-blog.fr/&hl=IT&ie=UTFItalie http://translate.google.fr/translate?u=http%3A%2F%2Fviens.over-blog.fr/&hl=ES&ie=UTFEspagne

 

 

Image tranformée en horloge calendrier par : http://pilarcita.over-blog.com/ .... Merci!

Allez voir Nettoue qui nous en raconte une belle à savoir!