Par défaut, les menus dans Joomla 3.X seront affichées verticalement. Beaucoup d'utilisateurs souhaitent créer à la place des menus horizontaux, comme un menu qui apparaît en haut de votre site web. Dans ce tutoriel, nous allons vous guider à travers les étapes de création d'un menu horizontal dans Joomla 3.X.

menu joomla3.5

La création d'un menu horizontal dans Joomla 3.5 est pas aussi difficile que la création d'un menu horizontal dans Joomla 2.5. Cela est principalement dû à l'ajout de bootstrap dans Joomla 3.0. Dans cet article, nous allons vous montrer comment utiliser la classe nav-pilules CSS de bootstrap pour faire un menu hoizontal.

Dans ce tutoriel, nous supposerons que vous avez déjà créé un menu dans Joomla 3 et affecté à un module. Les étapes suivantes vous guident à travers la mise à jour un menu existant afin qu'il affiche horizontalement. 

  1. Comment créer un menu horizontal dans Joomla 3.5 :
  2.  Connectez-vous à votre tableau de bord administrative Joomla 3
  3. Dans le menu du haut, cliquez sur Extensions et puis cliquez sur Gestionnaire Module
  4. Dans la liste des modules, cliquez sur le module pour le menu que vous souhaitez modifier.
  5. Assurez-vous qu'il est de type est menu.
  6. Dans l'ensemble des onglets vers le haut de la page, cliquez sur l'onglet Options, puis cliquez sur le lien Options avancées, pour accéder aux paramètres. Trouver le réglage suivant:

Menu Classe suffixe : Un suffixe à appliquer à la classe CSS des éléments de menu

Pour ce réglage, entrez nav-pills et puis cliquez sur le bouton Enregistrer dans le coin supérieur gauche de la page.

Important! Si vous utilisez Joomla 3.02 et 3.03 ou ne pouvez pas obtenir le nav-pills de travailler, vous devrez peut-être ajouter un espace avant nav-pills

 

Vous pouvez le voir dans les captures d'écran ci-dessous comment la mise en nav-pills comme le menu Classe suffixe établit un menu à être horizontal.

Sans Menu Class Suffix :

Avec Menu Class Suffix: nav-pills