HTML de blog [5.1] Modules

Gros morceau, les modules ! Pas moins de quatre articles pour tenter d'épuiser la question – avec un plan espéré pas trop arbitraire : dans cet article les points communs à tous les modules et les modules les plus simples, puis les modules contenant une liste (deux articles), enfin les modules à s'arracher les cheveux (dernier article).

[1] Infos générales - Haut et bas de page

[2] La cellule des articles

[3] Articles et quasi-articles

[4] Annexes des articles

[5] Modules

[5.1] Modules : Infos générales - Modules simples

1. Structure d'une colonne de modules
2. Structure commune à tous les modules
3. Modules simples
   • Module Texte Libre
   • Module Overblog
   • Module Partager

[5.2] Modules en liste - début

1. Module Articles Récents
2. Module Derniers Commentaires
3. Module Catégories
4. Module Archives
5. Module Pages
6. Module Liens

[5.3] Modules en liste - fin

1. Module Présentation
2. Module Profil
3. Module Communautés
4. Module Syndication
5. Module Images Aléatoires
6. Module Albums

[5.4] Modules complexes

1. Module Recherche
2. Module Newsletter
3. Module Calendrier
   • Vue d'ensemble
   • Le mois
   • Les jours de la semaine
   • Les jours du mois
   • Le bandeau de navigation

[6] Diablogs

Les colonnes de modules se trouvent le plus souvent dans des cellules de ln_1 (la deuxième ligne du blog).

Selon le design adopté, la ou les cellules de modules peu(ven)t être n'importe laquelle des cellules cl_1_N de cette ligne (N variant de 0 à nbre_de_colonnes_du_blog - 1). (voir aussi l'article [1] Infos générales).

Structure d'une colonne de modules

• Table
• Structure commune

divcolumn_content

Contenu de la cellule

divbox nature_du_module box0

1er module (voir les notes).

divbox nature_du_module box1

2e module (voir les notes).

divbox ...

ainsi de suite, le numéro de module augmente.

• La classe nature_du_module indique évidemment le genre de module concerné : profil, liens, texte libre, etc. .
• La classe boxN indique le rang du module dans la colonne : box0, box1, box2 etc. Attention : cette numérotation recommence à zéro pour chaque colonne de modules.
• Par défaut, aucun module ne porte d'identifiant. On peut cependant leur en attribuer un de son choix en cochant 'configurer les id XHTML des modules' (ou à peu près, je ne garantis pas le texte !) dans les options avancées de la configuration du blog (lire ce mémo).

Structure commune à tous les modules

• Table
• Structure d'une colonne de modules

divbox nature_du_module

Un module

divbox-titre

1er emballage du titre du module

h2

2e emballage du titre du module

span

Titre du module (réglable dans l'admin)

divbox-content

Contenu du module (hautement variable !)

divbox-footer

1er emballage du pied du module

h2

2e emballage du pied du module

span

Pied du module (ne contient qu'une espace insécable)

• Les trois niveaux d'emballage (div.box-titre, h2 et span) du titre et du pied de module permettent une mise en page soignée si on s'applique.
• Attention à l'orthographe : column_content (tiret bas "_") mais box-content (trait d'union "-"). Piège classique.

Les tableaux qui suivent décrivent le box-content des modules. La classe du module est rappelée dans le titre du tableau.

Modules simples

Module Texte Libre box text

• Table
• Structure commune à tous les modules
• Structure d'une colonne de modules

divbox-content

Contenu du module.
À gérer dans l'éditeur de texte OB.

Module OverBlog box concours

• Table
• Structure commune à tous les modules
• Structure d'une colonne de modules

divbox-content

Contenu du module

a

Lien vers le site OB

img

Image cliquable. À choisir dans l'admin.

Module Partager box recommander

• Table
• Structure commune à tous les modules
• Structure d'une colonne de modules

divbox-content

Contenu du module

alinkRecomm linkRecommend

texte "Partager ce blog"

Le doublon linkRecomm et linkRecommend est un vestige d'anciennes versions.

Oublis, erreurs : merci de me les signaler en commentaire :-)