Barre de navigation horizontale

Dans la section habillage de votre blog, vous trouverez une fonctionnalité maintes fois demandée pour rendre la navigation sur votre blog plus facile : une barre de navigation horizontale que vous pouvez configurer en 2 clics.
Pour en bénéficier, il vous suffit de vous rendre dans la rubrique "Habillage > Contenu" de votre blog.
Vous verrez alors une zone intitulé "barre de navigation".
Pour l'activer sur votre blog, il suffit de cocher la case qui figure en en-tête du libellé.
 
Par défaut, TypePad génère 3 liens pour cette navigation : votre page d'accueil, un lien vers vos archives, et un pour votre flux Atom.
Libre à vous de changer complètement ces liens et d'ajouter ceux que vous souhaitez, en cliquant sur l'icône en forme de crayon.

Une fois vos liens configurés, enregistrez vos changements et la barre de navigation sera ajoutée à votre blog.

La mise en forme de ce menu est automatique, fonction du thème choisi sur votre blog.
 

Envie de changer sa mise en forme ?
Si vous disposez de l'option CSS personnalisé, vous pouvez très rapidement changer l'apparence de cette barre de navigation. 3 classes sont à connaître pour cela : nav-list (container), nav-list-item (arrière-plan de chaque élément du menu) et nav-list-item a (liens de navigation).
L'exemple issu de la mise en forme par défaut peut ainsi être changée comme ceci :

 
Via l'utilisation du code suivant :

.nav-list
{
background-color: #ffffff;
border-top: 1px solid #192f73;
border-bottom: 1px solid #192f73;
}

.nav-list-item
{
background-color: #192f73;
border-right: 1px solid #7a93cb;
}

.nav-list-item a
{
text-decoration: none;
color: #ffffff;
font-family: Verdana;
font-size: small;
font-weight: normal;
}