08 avril 2013

Afficher les commentaires dans des boîtes

 L'astuce qui permet d'afficher les articles dans des boîtes séparées fonctionne très bien dans la page d'accueil et la page d'archives. Pour la page des messages, elle marche aussi mais mérite d'être améliorée par la possibilité d'afficher aussi les commentaires dans des boîtes.

Là aussi, il n'est pas nécessaire d'ajouter quoi que ce soit au HTML, il suffit d'ajouter le sélecteur .comment_item dans la feuille de style en le complétant avec les propriétés nécessaires : couleur de fond (background-color), marge intérieure (padding) et coins arrondis (border-radius). Ce qui donne :

 

.comment_item {
    background-color: #353B36;
    padding: 10px;
    margin-bottom: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

 

De plus la page photo d'album, qui peut comporter aussi des commentaires, bénéficiera de cet affichage !

N'oubliez pas de modifier la couleur des caractères (color) en conséquence dans les sélecteurs suivants :

 

.blogbody
.commentheader
.albumbody
.commentalbumheader

 

Pour être tenu au courant des prochaines publications de ce blog, pensez à vous inscrire à la NEWSLETTER !

Posté par Michal53 à 10:00 - - Permalien [#]
Tags : , , , , , , ,