Eléments CSS d'over-blog (Partie 1)

Mercredi 9 février 2005

Introduction

L'objet de cet article est deréférencer tous les identifiants utilisés dans over-blog afin de vousaider à personnaliser votre blog.

Pour modifier le style d'un module en particulier, il faut définir dans le CSS un sélecteur basé sur l'identifiant du module.
Ce type de sélecteur commence toujours par un # suivi de l'identifiant de l'élément HTML, celui-ci correspond à l'attribut id en HTML.
Ainsi, si dans ma page j'ai un élément

id="monElement">Blabla

, son identifiant est monElement et je pourrai modifier son style dans le CSS en créant une ligne #monElement { color: rgb(255, 0, 153); }.

Les selecteurs CSS basés sur des identifiants HTML d'over-blog

Pour les modules :

Nom du module	Identifiant	Sélecteur CSS
Album photos	Album	#Album
Archives	Archive	#Archive
Articles récents	ArticleRecent	#ArticleRecent
Calendrier	Calendrier	#Calendrier
Catégories	Categorie	#Categorie
Commentaires	CommentRecent	#CommentRecent
Image Aléatoire	aleaIm	#aleaIm
Liens	Lien	#Lien
Newsletter	Newsletter	#Newsletter
Presentation	Presentation	#Presentation
Recherche	Recherche	#Recherche
Texte libre (droite)	RightPart	#RightPart
Texte libre (gauche)	LeftPart	#LeftPart
W3C	W3C	#Syndication

Pour les éléments de la page (modèles 1, 2 et 3 uniquement) :

Element	Elément parent	Identifiant	Sélecteur CSS
Page complète ^*	Body	main1 (2 colonnes) main2 (1 colonne à droite) main3 (1 colonne à gauche)	#main1 #main2 #main3
Tableau contenant les éléments (modèles 1 -2 - 3) ^*	main1, main2 ou main3	MainTab	#MainTab
Entête ^*	MainTab ^*	top	#top
Colonne de gauche	MainTab ^*	leftnav	#leftnav
Colonne de droite	MainTab ^*	rightnav	#rightnav
Colonne principale (articles, album photo	MainTab ^*	content	#content
Article Liste des articles d'une catégorie	content	article	.article
Date de l'article	article	Date	.Date
Ligne Posté par, Commentaires, Trackbacks, Recommander	article	Option	.Option
Adresse de trackback	content	addTrackback	#addTrackback
Block Commentaires et trackbacks	content	comment	#comment
Texte d'un commentaire	comment	commentMessage	.commentMessage
Informations sur l'auteur du commentaire	comment	commentOption	.commentOption
Photo dans la visionneuse	-	photo	#photo