Verticale Menus de Navigation pour le blogueur Menus CSS HTML onglet

« Verticale » Menus de Navigation pour le blogueur – Menus CSS-HTML, onglet

Après la sortie de 30++ Menus de Navigation horizontale, nous nous dirigeons vers l'avant pour une belle collection de certains des menus de navigation verticale plus bel qui mettront l'âme à du quelqu'un blog ou site Web ! J'ai ont modifié les codes faites par Christopher et Highdots et ont fait compatible avec le blogueur. J'espère que cette collection sera d'intérêt pour la plupart d'entre vous tout simplement parce que ces onglets de menu de navigation peuvent être installés facilement, personnalisés et multipliée ! J'espère que ce sera d'une grande utilité pour les nouveaux créateurs : >

Comment ajouter un Menu CSS de Navigation Vertical À Blogger ?

Ainsi, le processus est comme tout simplement qu'il peut l'être. Il suffit de suivre ces étapes avec soin,

1. Aller À Blogger > présentation > Modifier HTML

2. Votre modèle de sauvegarde

Tous les Menus de Navigation ci-dessous utilise deux morceaux de codes. L'un est le code du CSS qui est responsable de l'aspect et la convivialité des menus et le second est le code HTML qui est responsable du positionnement des menus. Si permet de savoir où ajouter chaque code !

3. Collez le code CSS pour votre Menu sélectionné juste avant ]] >< / b:skin >

4. Pour le code HTML il y peuvent y être deux positions votre barre latérale droite ou gauche sidebar. Dépend le nombre de colonnes que vous avez.

Si vous avoir un encadré de droite, puis collez le code HTML juste dessous < div id = « sidebar-wrapper » > ou ce < div id = « sidebar-emballage-droit » >

Si vous avez un panneau latéral gauche puis collez le code HTML juste dessous < div id = « sidebar-emballage-gauche » >

Remarque:- Étant donné que la plupart des modèles utilisent différents codage donc si vous n'a pu trouver les codes ci-dessus ne vous inquiétez pas tout simplement partager votre URL de blog dans la zone de commentaire et regarderont votre modèle de codage et de vous diront instantanément quel code pour rechercher !

5. Enfin, enregistrez votre modèle et voir le Menu de Navigation belle accrochée à votre sidebar: D

Éditer les liens dans le Menu de Navigation

Pour modifier l'onglet Liens de Menu et des titres, simplement modifier cette partie en caractères gras du code HTML,

<li> < a href = »# 1» >1 lien</a> </li>

<li> < a href = »# 2» >lien 2</a> </li>

<li> < a href = »# 3» >lien 3</a> </li>

<li> < a href = »# 4« >4 lien</a> </li>

<li>< a href = »# 5« >Link5</a> </li>

Remplacez # 1, # 2, # 3 etc. avec vos Liens et URL de la Page et Link1, Link2, Link3 etc. par votre Page de titres. Si vous souhaitez ajouter ou supprimer un onglet puis simplement ajouter ou supprimer cette ligne de code HTML,

<li> < a href = "#» >lien</a> </li>