« Horizontale » Menus de Navigation pour le blogueur avec CSS & HTML Codes

 « Horizontale » Menus de Navigation pour le blogueur avec CSS & HTML Codes

Menu de navigation ou un menu de l'onglet est le cœur de chaque page web ou blog. Il fournit le moyen de chemin d'accès à toutes les pages importantes du site Web. Pour créer un menu de Navigation, vous devez avoir bonne connaissance du HTML et CSS. Mais depuis plus de concepteurs partagent leurs didacticiels en ligne, le codage est devenu beaucoup plus facile. J'ai porté à vous un total de 30 menus de navigation de haute classe avec leurs CSS et les Codes HTML sur le web. Il vous suffit de copier et de coller les codes et c'est tout !

Les Menus de Navigation horizontale ci-dessous sont principalement créés par Christopher et Highdots et certains par moi. J'ai modifié la plupart des codes afin de faire leur travail de blogueur et ont également fait assez facile d'être compris par la plupart d'entre vous. De plus toutes les images sont téléchargées dans mon Picasa web album donc aucun effort ne requis de votre côté.

Comment ajouter ces Menus de Navigation À Blogger

Pour ajouter votre menu de navigation sélectionnée à votre modèle de blogger a suivi ces étapes,

Aller À Blogger > présentation

1. Cliquez sur ajouter un Gadget ou ajouter un élément de Page

2. Choisissez le widget HTML/JavaScript

3. Simple collez le Code de Menu de Navigation à l'intérieur du widget HTML/JavaScript

4. Hit Save

5. Faites glisser le widget HTML/JavaScript et laisser tomber juste en dessous de l'en-tête de votre Blog, 6. comme indiqué ci-dessous

7. Enfin voir votre blog pour voir quelque chose suspendus sous en-tête ou Logo sur votre Blog.

Voir la démo Live du Menu de Navigation MBT # 3

Pour modifier les liens, modifier cette partie du code HTML dans tous les codes ci-dessous,

<li> < a href = « # » >< durée > Link 1 </span> </a> </li>
<li> < a href = « # » >< durée > Link 2 </span> </a> </li>
<li> < a href = « # » >< durée > Link 3 </span> </a> </li>
<li> < a href = « # » >< durée > Link 4 </span> </a> </li>
<li> < a href = « # » >< durée > Link 5 </span> </a> </li>
<li> < a href = « # » >< durée > Link 6 </span> </a> </li>
<li> < a href = « # » >< durée > Link 7 </span> </a> </li>

Remplacez le signe hash(#) avec votre Page liens /URL et Link1, Link2, Link3 etc. avec des titres de votre Page. Si vous souhaitez ajouter ou supprimer un onglet puis simplement ajouter ou supprimer cette ligne,

<li> < a href = « # » >< durée > lien n </span> </a> </li>

Comme un concepteur, j'attends toujours de l'inspiration qui peut être utile pour mes deux lecteurs et pour mes projets de conception. J'espère que les ressources ci-dessous sera d'une grande utilité pour les blogueurs de toutes les plates-formes et concepteurs. Commencez à choisir votre Menu de Navigation préféré et n'hésitez pas à me demander si vous besoin d'aide dans la personnalisation de ce.