Eléments CSS d'over-blog (Partie 1)
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
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 |
Prochainement, nous verrons les principales classes CSS utilisées.
Mises à jour : 03/03/2006 : W3C devient Syndication - 28/04/2005