Distinguer 2 par 2 les résumés d'articles en page d'accueil

C'est-à-dire que tous les résumés d'articles pairs auront la même apparence et tous les résumés d'articles impairs un autre design.

Ca peut être utile pour les blogs qui comportent plusieurs résumés d'articles en page d'accueil : ça allège l'aspect visuel.

Un exemple :

Pour les articles impairs :

Pour le contenu des articles, dans le CSS, vous rajoutez la ligne

.article_summary_even .extrait

Vous pouvez leur mettre un fond, une écriture, un encadrement...spécifiques.

Exemple :

.article_summary_even .extrait {background-color:pink;color:black;}

Pour la date , vous rajoutez dans le CSS

.article_summary_even .date

Pour le titre

.article_summary_even .titreExtrait

Pour Publié par

.article_summary_even .publishedBy

Pour la catégorie

.article_summary_even .topic a

Pour Ajouter un commentaire

.article_summary_even .linkAddComment

Pour Commentaires(1)

.article_summary_even .linkComment

Pour Recommander

.article_summary_even .linkRecommend

Pour les articles pairs :

Pour le contenu des articles, dans le CSS, vous rajoutez la ligne

.article_summary_odd .extrait

Vous pouvez leur mettre un fond, une écriture, un encadrement...spécifiques.

Exemple :

.article_summary_odd .extrait {background-color:pink;color:black;}

Pour la date , vous rajoutez dans le CSS

.article_summary_odd .date

Pour le titre

.article_summary_odd .titreExtrait

Pour Publié par

.article_summary_odd .publishedBy

Pour la catégorie

.article_summary_odd .topic a

Pour Ajouter un commentaire

.article_summary_odd .linkAddComment

Pour Commentaires(1)

.article_summary_odd .linkComment

Pour Recommander

.article_summary_odd .linkRecommend

---

Je vous rappelle que

• la taille de police se fixe avec font-size: 20px; 
• le soulignement avec  text-decoration:underline
• la couleur avec color:#330033
• le style avec font-style: italic
• le gras avec font-weight:bold
• la police avec font-family: Comic Sans MS