les classes de template ob (1)

Bonjour,
ceci est le premier article d'une série d'une longueur inconnue que je vais consacrer aux classes utilisées sur les blogs d'over-blog. je commencerais par les classes les plus simples puis j'expliquerais les classes et id de plus en plus complexes.

Ce qu'il faut savoir avant tout c'est que chaque module d'over-blog possède une classe, par exemple les modules commentaires récents ont pour classe commentrecent le module  présentation a pour classe presentation etc. Il est donc très simple de modifier l'affichage de tous les modules du même type en passant par ces classes. De plus les modules ont tous une classe (box) commune qui permet de modifier l'aspect des modules en une ligne.

Classes les plus utiles pour modifier le design de sono blog :

article : la classe article permet de définir l'affichage de tous les articles du blog ce qui comprend aussi le texte d'accueil. Pour mettre, par exemple, un  fond blanc sur tous les articles de votre blog il suffit de mettre ce qui suit dans le CSS .article {background:#FFF;}

beforeArticle : permet de changer le style de ce qui est affiché au dessus de l'article,  si  vous  voulez  par exemple  que toutes les informations  affichées  au dessus  de l'article  soit en gras ou alignées à droite,  c'est  ici  qu'il  faut  faire le  changement  exemple :  .beforeArticle {text-align:right}

afterArticle : dans le même esprit que beforeArticle, permet de modifier l'affichage des  informations  présentent  sous l'article.

divTitreArticle : permet de modifier l'affichage de la zone contenant le titre de l'article. Afin de modifer le titre de l'article lui même il est préférable d'utiliser la classe titreArticle. Cependant si vous désirez modifier le positionnement du titre alors c'est la classe divTitreArticle qu'il faut modifier en y ajoutant text-align:right par exemple.

Les classes ci-dessus vous permettent de modifier basiquement l'affichage de vos articles, il faut savoir qu'une multitude d'autres possibilités sont disponibles, comme la modification de l'affichage d'un article seul sur une page, la possibilité de définir des styles pour les articles selon leur position dans la page (premier article de la liste ou cinquième...), mais ces possibilités ne seront pas abordées dans cet article qui se veut basique.

commentMessage : définie le style des commentaires affichés.
commentOption : définie le style des informations affichés sous les commentaires.

responseMessage : définie le style d'une réponse à un commentaire, les réponses aux commentaires sont un moyen très pratique de communiquer avec un visiteur en particulier et d'aporter des informations sur un commentaire précis. Une réponse à un commentaire s'affiche juste en dessous de ce commentaire quelque soit la date à laquelle la réponse à été créée. Pour faire une réponse à un commentaire il faut aller dans l'administration de ses commentaires.

responseOption : définie le style des informations affichées sous la réponse à un message.

Note : responseOption et responseMessage sont des classes qui s'ajoutent à commentMessage et commentOption, ce qui veut dire qu'il suffit de définir dans ces classes ce qui doit être différent d'un commentaire classique.