Menu deroulant Joomla


, Mis à jour le 21 juin, 2013

Menu deroulant Joomla

Créer un menu déroulant sous Joomla

Dans ce tutoriel nous allons vous montrer comment faire pour créer un menu déroulant horizontal dans votre site Joomla 1.5 (valable aussi pour les version ultérieures Joomla 2 et Joomla 3) en utilisant l'extension: "Extended Menu".

 

Avertissement: Veuillez noter que ce tutoriel n'est q'un exemple. Les étapes peuvent différer selon le modèle Joomla que vous utilisez pour votre site Joomla. Afin d'accomplir avec succès la création d'un menu déroulant, vous êtes tenu à avoir au moins des connaissances de base dans le CSS Joomla et être en mesure de modifier le code CSS selon les besoins spécifiques de votre site Web.

Les étapes de la création de menu déroulant sous joomla

Voici les différentes étapes à suivre pour créer votre menu déroulant:

Ètape 1 Vous devez installer le module Extended Menu dans votre application Joomla. Pour plus d'informations sur la façon d'installer des extensions pour Joomla consulter notre tutoriel sur l'installation des extensions sous joomla. Le module peut être téléchargé à partir du site officiel de ses créateurs.

Ètape 2 Aller sur Extensions -> Gestion des modules et cliquez sur le module nouvellement installé Extended Menu.

Ètape 3 Maintenant, vous devez configurer le module Extended Menu. Il vous offre la possibilité de définir plusieurs variables qui changent la façon dont vos menus vont fonctionner. Vous pouvez toutefois laisser la plupart des paramètres à leurs valeurs par défaut.

Vous pouvez changer ces paramètres comme suit:

  • Option Menu Style: Tree List ,

  • Active Menu Class: Both,

  • Enable Menu Template: No,

  • Element Id: Yes

En outre, vous devez sélectionner le menu qui doit être affiché dans la zone Nom du menu déroulant.

menu deroulant joomla


Ètape 4 Maintenant, vous devez organiser vos menus correctement afin de rendre possible leurs affichages comme étant un menu déroulant.

Dans cette étape, nous allons créer un sous-menu de "Accueil" comme un menu déroulant. Pour ce faire, allez dans menus -> Top Menu (ou si vous avez changé le nom de ce menu - utiliser celui que vous avez défini) et cliquez sur le bouton Nouveau.

Une fois que vous avez régler votre menu pour afficher le contenu souhaité, assurez vous de définir son «Élement parent» du menu. Dans notre cas ce sera le menu Accueil.

 

menuderoulant_2

 

Pour plus d'informations sur la façon de créer des menus, consultez notre tutoriel sur la création d'articles dans Joomla.


Ètape 5 Enfin, vous devez ajouter à votre fichier CSS quelques lignes qui précisent le comportement du menu déroulant.

Vous pouvez simplement ajouter ces lignes à la fin du fichier feuille de style de votre modèle (en général sous le nom de:  template.css):

ul#menulist_root li ul {
    display:none;
}
ul#menulist_root li:hover ul{
    display:block;
    background:none;
}
ul#menulist_root li ul li{
 background:#000000;
    opacity:.85;
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    clear:both;
}
ul#menulist_root li ul li a{
    background:none;
    width:66px;
}
ul#menulist_root li ul li a:hover{
    color:#AA0000;
    background:none;
}

Cette feuille de style affiche un menu déroulant avec un style transperant une fois que vous pointez votre souris sur le menu (c'est à dire sur hover). Vous pouvez utiliser différentes CSS pour donner le look que vous voulez pour vos menus.

Bien fait! Vous venez d'ajouter un élégant menu horizontal déroulant pour votre site Joomla!

N'héssitez pas à commenter le tutoriel si vous avez besoin d'aide

 

Meilleur hebergeur Joomla?

Si vous souhaitez profiter pleinement du CMS Joomla, nous tenons à vous recommander les services d'hébergement de Siteground qui offre le meilleur rapport fonctionnalité / prix sur le marché.

Siteground Joomla


comments powered by Disqus




Les avis des clients

Avis des utilisateurs


Faites entendre votre voix. Passez en revue votre fournisseur d'hébergement Web - bon ou mauvais.


Je suis avec Rapidnet depuis peux mais après avoir fait 2 hébergement je dois dire que je suis plus que satisfaite avec celui-ci! Le service est rapide et courtois. Ils répondent à nos questions en moins de 24 heures et leur explications sont très clair. Avant d'ouvrir mes boutiques, j'avais des si …

Mélodie St-Pierre à propos Rapidenet

Montrer une autre revue
Lire les avis Rapidenet



Plans d'hébergement




Les plans d'hébergement de 60 sociétés d'hébergement partout dans le monde


Meilleur hébergeurs web

# hébergeur web prix action

1

Infomaniak France

6.75 EURO

Ajouter un Avis
Visiter

2

Hostpapa France

2.95 EURO

Ajouter un Avis
Visiter

3

Greengeeks

4.95 USD

Ajouter un Avis
Visiter

4

Siteground

6.95 USD

Ajouter un Avis
Visiter

5

Planethoster France

5.99 EURO

Ajouter un Avis
Visiter

6

Ex2hosting

3.99 EURO

Ajouter un Avis
Visiter

7

Bluehost

6.95 USD

Ajouter un Avis
Visiter






Hébergeurs par avis de clients

1and1 France
75 avis des clients
Hostpapa France
68 avis des clients
Magic-Online
65 avis des clients
Infomaniak France
51 avis des clients
Rapidenet
50 avis des clients
Ajouter un avis Tous les profils


Hébergeurs par fidélité de clients

Infomaniak France
51 / 51 recommandé
Rapidenet
49 / 50 recommandé
Magic-Online
44 / 65 recommandé
Hostpapa France
39 / 68 recommandé
Infomaniak Suisse
36 / 36 recommandé
Évaluer hébergeur Tous les profils


Question de la Semaine


Le plus important critère de votre hébergeur



Contacter l'éditeur

Posez votre question