Les tuto 2 Demolite

Blog tuto, aide à la création et au design des blogs et sites internet, Montage photo, trucs et astuces, logiciels gratuits...

20 novembre 2010

Différencier les commentaires de l'auteur

Posté par Demolite - Dans la catégorie Canalblog
Tags : , , ,

Pour différencier vos commentaires de ceux de vos visiteurs sur votre blog, faites comme ceci :

Commencez par ajouter ce bloc dans votre feuille de style :

.fdcDemolite p {
Background: url(http://Adresse de l'image de fond.jpg);
color: #000;
border-style: dotted;
border-width: 1px 1px 1px 1px;
border-color: #00FFFF;
padding-left: 10px;
padding-top: 6px;
padding-bottom: 25px;
}

Alors...quelques explications :

Vous devez remplacer nom pseudo Demolite par le votre dans le bloc.
Si votre pseudo est Sylpo votre bloc doit être comme ceci :

.fdcSylpo p {
Background: url(http://Adresse de l'image de fond.jpg);
color: #000;
border-style: dotted;
border-width: 1px 1px 1px 1px;
border-color: #00FFFF;
padding-left: 10px;
padding-top: 6px;
padding-bottom: 25px;
}

Ce bloc gère le cadre et tout ce qui se trouve à l'intérieur...

Vous pouvez tout changer...
Mettre une image en fond dans le cadre, la couleur du cadre, l'épaisseur etc...à vous de faire les réglages qui vous conviennent.
Si vous préférez mettre une couleur en fond plutôt qu'une image, remplacez cette ligne :
Background: url(http://Adresse de l'image de fond.jpg);

par celle la :
Background: #000000;
dans le bloc.

Sans_titre_4

Ouvrez la Page d'un message, puis repérez la balise suivante  <CBComments>

Collez juste en dessous cette balise :

<div class="fdc<$BlogCommentAuthorNickName$>">

Puis celle ci : </div> au dessus de la balise : </CBComments>

Ce qui donnera ceci :

Sans_titre_2

Voilà, pas la peine de visualiser, les changements se feront après avoir validé.

Si vous utilisez la barre Web Developer, ce que je vous recommande fortement, ouvrez votre page des messages sur votre blog en allant sur un commentaire que vous avez laissé, vous pouvez voir les changements et aussi grâce à Web Developer faire les changements dans votre feuille de style en direct.

Sinon, allez dans votre feuille de style pour changer l'adresse avec le fond à bulles rouges et les couleurs...

Encore merci à Alérion pour cette trouvaille.


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici


« Accueil 1
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41