• 0k
  • 0
Conseils \ 27 Mars 2013

Tutoriel HTML5 : Comment Intégrer un Menu Vertical sur Votre Site

Le menu de navigation est au cœur de tout site Internet. Il définit la qualité d’utilisation de votre site et permet de le présenter dans son ensemble. Le menu classique de nos modèles HTML5 est placé horizontalement en haut de la page d’accueil.

Cependant, il peut s’avérer souvent bénéfique d’afficher un menu vertical. Cette astuce permet de vous distinguer visuellement des autres sites sans pour autant affecter les conditions de navigations que vous offrez à vos visiteurs.

Voici un exemple de ce qu’il vous est possible de faire:

Tutoriel HTML5: Comment Ajouter Un Menu Vertical sur Votre Site

Vous pouvez créer le vôtre facilement en suivant les instructions ci-dessous :

  • Sélectionnez le modèle HTML5 qui répond à vos besoins 
  • Dans l’éditeur, effacez le menu horizontal affiché sur le Template
Tutoriel HTML5 : Comment Ajouter un Menu Vertical sur Votre  Site
  • Cliquez sur « Ajouter », puis « Boutons & Menus »
Tutoriel HTML5 : Comment Ajouter un Menu Vertical sur Votre  Site
  • Sélectionnez le style de bouton le mieux adapté à l’aspect visuel de votre site
Tutoriel HTML5 : Comment Ajouter un Menu Vertical sur Votre  Site
  • Personnalisez-le en cliquant sur « Changer Style »
Tutoriel HTML5 : Comment Ajouter un Menu Vertical sur Votre  Site
  • Modifiez la couleur, la forme, la bordure, le texte selon vos préférences
  • Une fois le design accompli, cliquez sur « Copier Ctrl-C» et « Coller Ctrl-V »  pour le dupliquer en fonction des besoins de votre site
Tutoriel HTML5: Comment ajouter un menu vertical sur votre site
  • Placez les boutons en ligne verticale
  • Modifiez les noms conformément aux pages auxquelles vous souhaitez les connecter
Tutoriel HTML5: Comment ajouter un menu vertical sur votre site
  • Cliquez sur « Connecter à », puis « Page »
Tutoriel HTML5: Comment ajouter un menu vertical sur votre site
  • Connectez vos boutons aux pages qui leur correspondent, et cliquez sur OK
Tutoriel HTML5: Comment ajouter un menu vertical sur votre site
  • Sélectionnez la case « Montrer sur toutes les pages » (toujours dans « Paramètres »)
Tutoriel HTML5: Comment ajouter un menu vertical sur votre site
  • Pour chaque page que vous désirez connecter au menu, reproduisez la manœuvre
  • Enregistrez et cliquez sur “aperçu” pour vérifier que votre menu fonctionne comme il se doit.

Et voilà le travail ! Votre menu vertical est intégré sur votre site.

 


Recevez le
par e-mail !

Rejoignez le blog de Wix Ne manquez rien de notre actu !

Adresse courriel invalide.

l\'email existe déjà

Adresse courriel invalide.

Rejoignez-nous ! \ 

Découvrez nos conseils en web design, en marketing digital,
et suivez toute l'actu Wix ! Pas de spam. Promis.

Adresse courriel invalide.

l'email existe déjà

Adresse courriel invalide.