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
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
Bonjour, Regardez du côté des
Permalien Soumis par Marina_Kha le 29 Mars, 2012 - 09:11
Bonjour,
Regardez du côté des modules nice menus http://drupal.org/project/nice_menus, jquery menu http://drupal.org/project/jquerymenu ou encore superfish http://drupal.org/project/superfish
Je viserai la simplicité
Permalien 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 ( > ).
Est-ce que tu pourrais
Permalien Soumis par drakke le 18 Mai, 2012 - 03:49
Est-ce que tu pourrais developpe un peu plus tes explications svp? J'ai souvent chercher a faire des menus deroulent sans module mais je ne sais pas comment faire.
Merci
Je te prépare un petit
Permalien 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
Merci, j’attends avec
Permalien Soumis par drakke le 20 Mai, 2012 - 23:39
Merci, j'attends avec impatience. Je me débrouille en css et je pense que sa va me permettre d'aller plus loin.
Désoler pour le retard !
Permalien 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.
Merci je regarde ca et te
Permalien Soumis par drakke le 29 Mai, 2012 - 01:26
Merci je regarde ca et te donne des nouvelles en pm.
Merci encore