Sous-menu dans menu haut

Support
#1

Bonjour,
Est-il possible de créer un sous-menu déroulant dans un des items du menu haut :

-menu1

  • item1
  • item2 (sous-menu déroulant)
    • item 2-1
    • item 2-2
    • item 2-3
  • item3
    Merci d’'avance
#2

Bonjour,

tu peux le faire facilement. Exemple de code :

 - Liste à puce niveau 1
 - Puce niveau 1
  - Puce niveau 2
  - Puce niveau 2
 - Puce niveau 1

Ensuite, tu cliques sur l’icône « lien » (en forme de chaine) pour lier les items du menu aux pages souhaitées.

Amicalement,

Eric

#3

Merci pour la réponse. Mas je souhaiterais que le sous-menu (Puce niveau 2) soit déroulant, c’est-à-dire qu’il ne s’affiche que lorsqu’on clique sur ’ Puce niveau 1’

#4

Ben normalement, c’est le cas (en tout cas sur les wikis que je gère).

#5

J’ai ça dans l’éditeur du menu :

et à l’affichage, ça me donne ça :
image

Le sous-menu n’est pas déroulant.

#6

Je crois que le code n’est pas le bon.
Dans celui que je vous ai donné, il y a des tirets « - » et une indentation (décalage à droite)

 - Liste à puce niveau 1
 - Puce niveau 1
  - Puce niveau 2
  - Puce niveau 2
 - Puce niveau 1

Vous voyez, les puces niveau 2 sont décalées vers la droite.

Bon dimanche,
Eric

#7

J’ai bienmis des tirets et une indentation :

Auriez-vous un exemple concret sur un site pour que je voie comment c’est agencé ?

Merci d’avance et bon dimanche

#8

Après réflexion, je pense qu’il y a un malentendu parce que je n’ai pas été assez clair dans ma demande.
Si je prends un exemple ici : Collégiale YesWiki : PagePrincipale , le menu ‹ Chantiers en cours › ouvre un sous-menu déroulant :
image
Pour ça, je n’ai pas de problème. Mais je souhaiterais un sous-sous menu déroulant.
Par exemple ici, le sous-menu ‹ Appels à projets et sub › ouvrirait un sous-sous menu déroulant avec 2 ou 3 options.
J’espère avoir été plus clair.

#9

Hello
le problème se situe dans le fait qu’un des sous-menus n’est pas « clicable »
dans votre exemple groupes archivés ne pointe vers aucune page et ne se comporte donc pas comme un menu déroulant

à priori mettre une page en lien (même quasi vide) sur ce sous menu devrait régler le souci

par ailleurs les sous-sous-menu sont totalement non fonctionnels sur smartphone-portable :wink:

#10

C’est logique que ‹ Groupes archivés › ne pointe sur aucune page puisqu’il sert d’étiquette au sous-sous menu. Comme ‹ Groupes › sert d’étiquette au sous-menu : il ne pointe sur aucune page.

#11

Bonjour,
Vous souhaitez une présentation de vos menu comme ceci?:

image
image1920×1080 139 KB

#12

Si oui alors vous pouvez faire comme cela:

image
image1920×1080 163 KB

#13

Ou encore si le titre du sous menu pointe vers aucune page:

image
image1920×1080 166 KB

#14

Merci d’avoir pris du temps pour essayer de résoudre mon problème. Mais je souhaite que le sous-menu soit déroulant, c’est-à-dire qu’il ne s’affiche que lorsqu’on passe sur l’étiquette (« Groupes archivés ») ou qu’on clique dessus.

#15

yeswiki ne supporte que 2 niveau de hiérarchie de menu, mais on peut théoriquement faire du css pour cacher le sous-sousmenu en css genre #yw-topnav .navbar-nav ul ul {display:none;} et le faire apparaitre au survol avec #yw-topnav .navbar-nav ul li:hover > ul {display:block;}
Mais bon faut gérer ensuite le positionnement des menus et les animations, et ca ne marche pas pour les portables.

Mon conseil (et a mon avis une bonne pratique UX): simplifier le rubriquage pour que ca rentre avec 2 niveaux de menu, quitte a ensuite proposer une navigation par onglet dans la page s’il faut vraiment avoir encore un niveau de menu

#16

Merci pour cette réponse qui m’évite de continuer à chercher une solution simple à un problème compliqué :slightly_smiling_face: . Pour l’instant, je vais laisser le sous-sous menu non déroulant, mais j’utiliserai la solution d’une page avec onglet s’il doit y avoir d’autres items.