menu déroulant

Information importante

En raison d'un grand nombre d'inscriptions de spammers sur notre site, polluant sans relache notre forum, nous suspendons la création de compte via le formulaire de "sign up".

Il est néanmoins toujours possible de devenir adhérent•e en faisant la demande sur cette page, rubrique "Inscription" : https://www.drupal.fr/contact


De plus, le forum est désormais "interdit en écriture". Il n'est plus autorisé d'y écrire un sujet/billet/commentaire.

Pour contacter la communauté, merci de rejoindre le slack "drupalfrance".

Si vous voulez contacter le bureau de l'association, utilisez le formulaire disponible ici, ou envoyez-nous un DM sur twitter.

Submitted by omzo86 on

Bonjour,
Actuellement, je travaille avec drupal pour la réalisation d'un site web.

J'aimerais savoir comment fait on des menus déroulants sur certains onglets.

Je compte sur vous.

Merci

Forum : 
Discussion générale
Version de Drupal : 
7.x

Soumis par Woprrr le 19 Avril, 2012 - 18:09

Je viserai la simplicité perso utilisation CSS + node_hierachy ou taxonomy_menu
pour faire les sous menu en fonction de ce que tu cherche a faire.

Pour faire les menu déroulant en css après bien-sur c'est avec les héritages donc ( > ).

Soumis par Woprrr le 18 Mai, 2012 - 09:03

Je te prépare un petit exemple pour cette aprèm tu aura juste à remplacer avec tes id de menu et ça fonctionnera mais par contre pour apprendre c'est les héritage CSs pousser au Max enfaite

Soumis par Woprrr le 22 Mai, 2012 - 10:20

Désoler pour le retard ! Beaucoup de projet a gérer !

J'ai néanmoin pu te faire un exemple simple de tout ca.

Dans notre cas ".conteneur de ton menu" correspond comme son nom l'indique c'est la class du conteneur de ton menu. Moi dans mon cas comme j'utilise panel donc j'ai forcement un conteneur pour mon bloc. Ensuite toujours pour mon cas la .pane-content est aussi la marque de panel qui enferme mon menu dans une pane ( avec lien contextuel du menu + le contenu. Il s'agit donc la de ma class qui contient vraiment mon contenu, tu n'est pas obliger de le ciblé aussi précisément mais perso je te le conseil ca évite les erreurs et avec la présence de > class > ça permet vraiment de ciblé cette class.

Pour le reste je te laisse analysé ça mais dans l’état actuel ça fonctionne parfaitement sans une goute de JS. Seul désavantage tu ne contrôle pas la vitesse d'ouverture ( valide sur IE 7 / 8 / 9 chrome safari FF ) c'est l'avantage mais pas sur ie6 mais ca on s'en fou il est plus maintenu ( DIEU MERCI . )

/* menu */
#tonheader .conteneur de ton menu > .pane-content > ul {}
#tonheader .conteneur de ton menu > .pane-content > ul > li {}
#tonheader .conteneur de ton menu > .pane-content > ul > li:hover,
#tonheader .conteneur de ton menu > .pane-content > ul > li.active-trail {}
#tonheader .conteneur de ton menu > .pane-content > ul > li.active-trail:after {}
#tonheader .conteneur de ton menu > .pane-content > ul > li a {}

/* sous menu */
#tonheader .conteneur de ton menu > .pane-content > ul > li > ul {}
#tonheader .conteneur de ton menu > .pane-content > ul > li:hover > ul {}
#tonheader .conteneur de ton menu > .pane-content > ul > li > ul > li {}
#tonheader .conteneur de ton menu > .pane-content > ul > li > ul > li.last {}
#tonheader .conteneur de ton menu > .pane-content > ul > li > ul > li a {}
#tonheader .conteneur de ton menu > .pane-content > ul > li > ul > li a:hover,
#tonheader .conteneur de ton menu > .pane-content > ul > li > ul > li a :focus,
#tonheader .conteneur de ton menu > .pane-content > ul > li > ul > li a.active {}

Fait moi part de ton avancé.

Je t’envoie une version plus complète par PM

cordialement.