Le menu horizontal = généralités.

Basiquement parlant, c'est à dire à sa création, le blog est doté d'une marge unique et n'a pas de menu supérieur.

L'exemple ci-dessous est pris sur le modèle "mode avancé" de l'un de mes blogs, qui était encore en place il y a peu. Le seul élément "avancé" qu'on y voie c'est la taille des marges, que j'avais égalisées à une dimension que le mode normal ne permet pas.

 Voici le même blog, pourvu à présent du menu supérieur que la mise à jour Canalblog du 1° octobre 2012 nous a octroyés. Une vraie petite merveille !

Sur ce blog, j'ai employé le système du menu déroulant au maximum. Les 7 options proposées par la première ligne sont toutes accompagnées d'une petite flèche qui signifie que le survol de cette zone par la souris fera apparaître un menu déroulant.

La partie sélectionnée (position de la souris) apparaît alors dans une autre couleur, et quand on descend sur le menu déroulant, le choix qui se propose à nous prend aussi cette couleur (ici du vert).

Sur l'exemple que voici maintenant, il n'y a que deux choix sur quatre qui soient pourvus d'une petite flèche.

Le nombre des options dans la barre supérieure du menu horizontal est limité à 7.

A partir de 4 options, les largeurs des cases s'ajusteront pour occuper toute la largeur.

(A 3, ça marche pas, j'ai un trou sur le côté)

Détail intéressant = un menu déroulant peut en contenir un autre...

Mais ça ne marche pas plus loin que deux niveaux. On ne peut pas jouer aux menus déroulants gigognes.

Ca permet quand même bien des possibilités... Et de toutes façons, un menu trop complexe fera aux visiteurs l'effet d'un labyrinthe. Pas la peine, donc de regretter l'absence de 3° imbrication. N'abusons pas non plus de l'imbrication n°2, d'ailleurs (les visiteurs les plus pressés risquent de se contenter de la barre supérieure !)

*

Maintenant qu'on a regardé à quoi ça ressemble, il faut remplir tout ça avec des liens internes ou externes au blog... Par ICI pour la création d'un menu...