Une autre couleur pour la police des commentaires de l'auteur

Comment faire pour que les commentaires de l'auteur du blog, quand il répond à ses lecteurs, aient le fond d'une couleur differentes ?

Voilà le voeux formulé par Marine dans notre Liste des voeux. L'astuce est simple (enseignée par Ramani) et j'aurais du la publier il y a plusieurs mois de cela (un peu distrait on dirait).

Voici comment différencier le fond de couleur des commentaires de l'auteur de ceux des lecteurs :

1. Aller dans "Mise en page", puis sur "modifier le code html" et là cocher sur développer des modèles de gadget".

2. Trouver la portion de code css pour vos commentaires (ça doit ressembler à la partie en noir sur le code ci-dessous) et ajoutez la partie en rouge juste après. Pour faire simple, vous pouvez juste ajouter la portion en rouge, juste avant </b:skin> dans votre modèle html

.comment-body {
margin:0;
padding:0 0 0 20px;
}
.comment-body p {
font-size:100%;
margin:0 0 .2em 0;
}

.comment-body-author {
margin:0;
padding:0 0 0 20px;
}
.comment-body-author p {
font-size:100%;
margin:0 0 .2em 0;
color:#CC3300;
text-decoration:bold;
}

Vous pouvez changer le code hexadécimal de la couleur de fond pour l'auteur en sélectionnant un code ici (mettez-le à place de celui après color: .Surtout, n'effacez pas le ;)

2. Rechercher le partie de code en noir et insérez la partie en rouge à l'endroit indiqué (pour trouver, faites CTRL+F et collez         <p><data:comment.body/></p> )



        <b:if cond='data:comment.author == data:post.author'>
          <dd class='comment-body-author'>
            <p><data:comment.body/></p>
          </dd>
        <b:else/>

          <dd class='comment-body'>
           <b:if cond='data:comment.isDeleted'>
            <span class='deleted-comment'><data:comment.body/></span>
           <b:else/>
            <p><data:comment.body/></p>
           </b:if>
          </dd>

        </b:if>

3. Enregistrez votre modèle et allez admirer le résultat sur une page ayant des commentaires (surtout les votres)

A+


Si cet article vous a plus, vous pouvez souscrire à mon feed rss ou à ma newsletter pour rester à jour ou encore rejoindre ma communauté sur Mybloglog et celle sur Blogcatolog. N'oubliez pas d'ajouter ce blog à vos favoris sur Technorati.