Distinguer les articles 2 par 2

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

Ca peut être utile pour les blogs qui comportent plusieurs articles dans la même page : ç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_even .contenuArticle

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

Exemple :

.article_even .contenuArticle {background:url(http://idata.over-blog.com/0/37/17/67/background/eosaprdsy3b.gif);color:#000033;font-size:120%;font-family: Comic Sans MS;font-style:italic;border:2px solid #000033;}

Pour la date , vous rajoutez dans le CSS

.article_even .date

Pour le titre

.article_even .titreArticle

Pour Publié par

.article_even .publishedBy

Pour la catégorie

.article_even .topic a

Pour Ajouter un commentaire

.article_even .linkAddComment

Pour Commentaires(1)

.article_even .linkComment

Pour Recommander

.article_even .linkRecommend

Pour les articles pairs :

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

.article_odd .contenuArticle

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

Exemple :

.article_odd .contenuArticle {background:url(http://idata.over-blog.com/0/37/17/67/background/eosaprdsy3d.gif);color:#f5f5dc;font-size:100%;font-family: Arial;border:5px double #f5f5dc;}

Pour la date , vous rajoutez dans le CSS

.article_odd  .date

Pour le titre

.article_odd .titreArticle

Pour Publié par

.article_odd .publishedBy

Pour la catégorie

.article_odd .topic a

Pour Ajouter un commentaire

.article_odd .linkAddComment

Pour Commentaires(1)

.article_odd .linkComment

Pour Recommander

.article_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