« Référencement : à armes égales | Accueil | Commentaires : plus simple, plus rapide »

01/12/2008

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.
Image 9
Une fois vos liens configurés, enregistrez vos changements et la barre de navigation sera ajoutée à votre blog.
Image 10
La mise en forme de ce menu est automatique, fonction du thème choisi sur votre blog.
Image 11  

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 :
Image 12
 
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;
}

TrackBack

URL TrackBack de cette note:
http://www.typepad.com/services/trackback/6a00d83451c82369e20105362e7fc6970c

Voici les sites qui parlent de Barre de navigation horizontale :

Commentaires

Les commentaires sont modérés, ils n'apparaîtront qu'après validation par l'auteur.

Créez votre blog !

Solution complète. Aucune installation. Simple et puissant.

Nos recommandations

    Statut TypePad