SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano

274 Plugins, 192 contribs sur SPIP-Zone, 54 visiteurs en ce moment

Accueil > Navigation > Menus réactifs > jQuery Superfish > Menu jQuery Superfish

Menu jQuery Superfish

19 mars 2011 – par Yffic – 72 commentaires

13 votes

Ce plugin est un portage pour Spip du plugin jQuery Superfish de Joel Birch : http://users.tpg.com.au/j_birch/plu...

Principe

Ce plugin permet l’affichage d’un menu déroulant horizontal ou vertical sur une structure de menu de type ul/li.

Ce plugin ne s’occupe pas du contenu du menu. Le travail peut-être délégué au plugin Menus ou à une noisette Aveline par exemple ou même géré indépendamment en squelette. Il suffira de donner au ul principal du menu la même classe que celle définie dans la page de configuration de ce plugin (Voir ci-dessous).

Installation

Comme tous les autres plugins, cf. http://www.spip.net/fr_article3396.html

Le plugin nécessite les plugins Saisies et YAML (+ Spip_Bonux pour Spip 2.1).

Activation du menu

La page de configuration du plugin permet de :

  • choisir le type de menu à activer : horizontal et/ou vertical
  • saisir la classe de l’élément ul principal du menu
  • saisir l’effet d’animation lors de l’affichage des sous-menus
  • saisir le délai entre la sortie du pointeur du sous-menu et la fermeture de celui-ci

Il ne reste plus qu’à définir vos couleurs en surchargeant la feuille de style du plugin.

Retour en haut de la page

Vos commentaires

  • Le 16 mai à 16:11, par thomas En réponse à : Menu jQuery Superfish

    Bonjour et merci pour votre travail.
    J’ai un menu vertical réalisé par le plugin « Menus » et je n’arrive pas à configurer son aspect avec Superfish :
    J’ai en effet le message « Il y a des erreurs dans les champs ci-dessous, veuillez vérifier vos saisies » lorsque j’enregistre la configuration pour : menu vertical + nom de la class de ce menu (identique à celui donné dans Menus)...
    J’ai essayé diverses choses dont désinstall/ré-installlation du plugin (en auto, en manuel), vider les caches spip...saisir d’autres class et id... je ne vois plus quoi faire... suis à court...
    Une idée ?

    -  > Spip 2.1.12, plugin kitCNRS, Menus, Saisies pour formulaires, YAML... etc.

    Merci !

    JPEG - 135.2 ko
    • Le 19 mai à 20:17, par Thomas En réponse à : Menu jQuery Superfish

      Suite à des lectures sur d’autres forums spip, j’ai désinstallé/réinstallé le plugin Menus...
      J’ai toujours le même problème...
      Même en essayant d’autre noms de classe (on ne sait jamais..), rien..

    • Le 20 mai à 18:30, par Yffic En réponse à : Menu jQuery Superfish

      hello
      Tu dois avoir la version 1.25.5 mini de Saisies. Est-ce le cas ? (je viens de corriger ce « necessite »)

    • Le 20 mai à 20:24, par Thomas. En réponse à : Menu jQuery Superfish

      Ahhhh.... voui... j’ai la 1.24.3...
      je vais changer la version tt à l’heure et tiendrai au courant,
      Merci !

    • Le 21 mai à 00:17, par Thomas. En réponse à : Menu jQuery Superfish

      Alors après mise à jour de Saisies, puis déinstall/réinstall auto de superfish, la page config est.. déconcertante.. voir la capture. Mais, mais, le plugin semble marcher convenablement..
      A suivre, quoi.
      Merci encore.

      JPEG - 617.6 ko
    • Le 21 mai à 09:33, par Yffic En réponse à : Menu jQuery Superfish

      As tu bien vidé le cache, vide le dossier tmp pour voir...

    Répondre à ce message

  • Le 16 mai à 11:21, par gerald En réponse à : Menu jQuery Superfish

    Bonjour,

    J’ai un petit soucis niveau personnalisation du menu et donc CSS.

    -  Quand on passe sur un des liens je veux que la typo devienne blanche sur fond bleu > jusque là OK.
    -  Le soucis c’est quand je passe sous une sous rubrique le chemin reste sur fond bleu mais la typo blanche disparait et redevient en couleur de base.

    Ce n’est peut-être pas très clair du coup je vous propose de regarder en image

    Que dois-je rajouter au CSS du pluging pour que ma typo reste blanche ?

    Merci d’avance

    JPEG - 108.6 ko
    • Le 20 mai à 18:57, par Yffic En réponse à : Menu jQuery Superfish

      Hello

      Essaye en rajoutant ceci à ta feuille de style perso :

      .sf-menu > li:hover > a,
      .sf-menu > li.sfHover > a {
              color: #000;
      }
    • Le 20 mai à 22:35, par gerald En réponse à : Menu jQuery Superfish

      Merci ça fonctionne !

    Répondre à ce message

  • Le 18 avril à 16:49, par paolo En réponse à : Menu jQuery Superfish

    C’est vraiment bon, Yffic. Merci ! Je crois que je vais l’utiliser pour Taizé v.2 :)

    Une question : je vois que le javascript supersubs.js est présent dans le plugin. Mais il ne semble pas possible de le « mettre en route » selon l’example donné ici. Est-ce que cela pourrait éventuellement être ajouté à la config ?

    Répondre à ce message

  • Le 13 avril à 14:27, par mina En réponse à : Menu jQuery Superfish

    oui merci c’est ce que je vais faire. J’ai voulu allez trop vite car mon entreprise veut que je créé leur site par ce que j’ai un diplome sur les nouvelles technologies mais je n’ai jamais réalisé de site de A a Z toute seul. La je reprend par le début et je lis toute la doc je m’en sortirai mieu que si je saute des étapes.Et eux Ils attendront. En tous les cas merci

    Répondre à ce message

  • Le 12 avril à 00:04, par mina En réponse à : Menu jQuery Superfish

    c’est quoi « div »

    Répondre à ce message

  • Le 10 avril à 23:04, par mina En réponse à : Menu jQuery Superfish

    j’ai installé menujquery il s’affiche dans maliste des plugins mais mon sommaire reste comme il l’était alors que je veu qu il soit en barre horizontale en dessous de l’intitulé du site. J’ai installé plugins « menu » et alors là je comprend pas a quoi il sert ?
    aidez moi
    merci

    • Le 11 avril à 11:56, par Yffic En réponse à : Menu jQuery Superfish

      Le plugin Menu sert à construire le contenu de ton menu. Il génère une structure ul/li dans un div que tu dois insérer dans tes squelettes (Cf la doc du plugin). Le plugin jQuery Superfish permet juste de gérer l’apparence du menu.

    • Le 11 avril à 23:55, par mina En réponse à : Menu jQuery Superfish

      merci beaucoup je vais essayer et déjà c’est plus claire

    Répondre à ce message

  • Le 10 mars à 11:29, par Fennec72 En réponse à : Menu jQuery Superfish

    Serait-il possible, au travers de l’interface du « Menu jQuery Superfish », d’avoir un menu JQuery de type accordion (accordéon) ?

    Je suis peut-être totalement hors sujet.

    merci d’avance

    • Le 10 mars à 12:00, par Yffic En réponse à : Menu jQuery Superfish

      Hello

      Hors sujet, je ne sais pas... Mais en tout cas, je ne comprends pas ce que tu veux ;-) As ru vu le plugin Accordeon ?

    • Le 10 mars à 12:16, par Fennec72 En réponse à : Menu jQuery Superfish

      J’ai vu le plugin « menu accordéon 2 »,
      mais je n’arrive pas à ce que les css se chargent
      et, d’ailleurs, il ne semble pas du tout être structuré comme superfish, puisque nulle part dans les dossiers et sous dossier du plugin, on ne trouve de feuille de style css.

      J’ai fait un commentaire en ce sens sous l’article du « menu accordéon 2 » et je n’ai pas encore eu de réponse.

    Répondre à ce message

  • Le 28 février à 09:42, par Fennec72 En réponse à : Menu jQuery Superfish

    comment intégrer sf_navbar ?

    Pas de problème pour sf_horizontal et sf_vertical,
    mais je n’y arrive pas avec sf_navbar !

    Que dois-t-on faire dans ce cas avec les plugins « Menu jQuery Superfish » et « Menus » ?

    Merci d’avance et merci pour ce plugin

    • Le 28 février à 16:05, par Yffic En réponse à : Menu jQuery Superfish

      Ha ben oui... Je n’avais pas bien testé... Mauvais copié/collé... C’est corrigé en svn, le zip va suivre dans une heure

      Merci pour le signalement

    • Le 28 février à 20:04, par Fennec72 En réponse à : Menu jQuery Superfish

      Hello et merci :

      Mais sous spip 3 beta 2, il y a une erreur dans le déroulement de la mise à jour :

      La mise à jour du plugin « Menu jQuery Superfish » (de la version : 0.4.1 à ) ne s’est pas correctement déroulée


      tu remarqueras que le message d’erreur n’indique que la version avant tentative de mise à jour :

      de la version : 0.4.1 à

      sans rien après !

    • Le 28 février à 20:44, par Yffic En réponse à : Menu jQuery Superfish

      Avec la version spip svn 18959 du 2 février pas de problème de mon coté

      Je viens de tout mettre à jour, spip3 et tous les plugins, pas de problème non plus... Et je ne vois pas pourquoi il y en aurait vu ce que j’ai modifié...

      J’ai aussi essayé en passant par la mise à jour automatique via SVP, pas de soucis non plus...

      Je sèche

    • Le 29 février à 10:15, par Fennec72 En réponse à : Menu jQuery Superfish

      je viens de récupérer la version svn et je suis donc en version 0.42.

      mais l’option navbar ne fonctionne toujours pas !

      j’ai fait attention de bien vider le cache de spip par toute les sources possibles additionnées :
      -  depuis l’espace privé
      -  depuis l’explorateur de fichier (je suis en local, pour l’instant), j’ai suprimé le sous-dossier « cache-css » du dossier « local »

      mais çà ne fonctionne toujours pas.

      d’ailleurs j’ai quelques questions sur le réglage « Menu navbar » :
      -  Est-ce normal que lorsqu’on l’active, cela ne désactive pas automatiquement l’option « Menu horizontal ? »
      -  pourquoi est-ce que c’est la classe « sf_horizontal » qui est entrée par défaut ? (voir capture jointe)
      -  si on entre la classe « sf_navbar » à la place, çà ne fonctionne pas non-plus.

      Normalement le résultat devrait-être comme dans l’exemple du site de jquery superfish :
      http://users.tpg.com.au/j_birch/plugins/superfish/#sample4

      Une dernière question subsidiaire :
      -  Quelle la méthode la plus simple pour changer les couleurs du menu jquery superfish ?
      -  peut-on mettre une feuille de style superfish.css dans le dossier squelettes ?

      PNG - 60.9 ko
    • Le 29 février à 12:26, par Yffic En réponse à : Menu jQuery Superfish

      Zut, en corrigeant, j’ai rajouté un autre bug... Corrigé en version 0.4.3.

      Concernant les autres questions :
      -  Oui, il est normal que lorsqu’on active "navbar", cela ne désactive pas automatiquement "horizontal", car on peut avoir plusieurs menus de types différents sur la même page
      -  La classe « sf_horizontal » n’est pas entrée par défaut. Tu as dû l’insérer à un moment. Le plugin ne propose aucun paramétrage par défaut.
      -  Pour modifier les css, il vaut mieux les surcharger dans ton fichier perso.css

    • Le 29 février à 16:46, par Fennec72 En réponse à : Menu jQuery Superfish

      De nouveau, le même message d’erreur (voir capture) : "La mise à jour du plugin « Menu jQuery Superfish » (de la version : 0.4.2 à ) ne s’est pas correctement déroulée"

      Je suis donc de nouveau passé par le client svn pour la 0.4.3 et çà marche impec !

      Au passage, une petite coquille dans le sous-titre descriptif du plugin :
      "Affiche un menu dèroulant" accent grave au lieu d’aigu.

      Hervé Le Dantec

      P.S. : "Yffic" , donc un peu breton sur les bords ?

      PNG - 30 ko
    • Le 29 février à 17:24, par Yffic En réponse à : Menu jQuery Superfish

      La mise à jour via SVP n’est peut être pas encore complètement finalisée... On est toujours en béta ;-)

      Et oui, 100% breton pur jus !

    Répondre à ce message

  • Le 31 janvier à 12:48, par Yffic En réponse à : Menu jQuery Superfish

    Hello. Ce plugin ne s’occupe pas de générer l’arborescence ul/li... C’est donc dans cette construction que tu dois intervenir.

    Répondre à ce message

  • Le 31 janvier à 12:30, par benoloas En réponse à : Menu jQuery Superfish

    Bonjour, et tout d’abord, que des louanges à faire sur ce plugin. Remarquable ! Je ne m’en lasse pas.
    Une question pour les sites multilingues : où peut-on glisser un &LANG dans le plugin pour que l’URL de pointage prenne ce paramètre en compte...

    En vous remerciant.

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d'abord sur gravatar.com (gratuit et indolore) et n'oubliez pas d'indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Plugin « Langue préférée par l’internaute »

    25 août 2009 – 20 commentaires

    Cet article explique comment fonctionne le plugin « Langue préférée par l’internaute » (langue_preferee) et comment le mettre dans un site multilingue existant.

  • Vidéo Accessible

    6 avril 2011 – 78 commentaires

    Un plugin pour faciliter la diffusion de vidéos accessibles. Accessibilité des vidéos Accessibilité de la vidéo Afin d’être pleinement accessible, une vidéo (composée d’images et de sons) doit répondre à plusieurs critères. Le critère de base est de (...)

  • Le Couteau Suisse

    4 mai 2007 – 1354 commentaires

    Ce plugin propose d’introduire facilement de simples fonctionnalités supplémentaires à SPIP et qui s’avèrent rapidement indispensables ! Par exemple : le contrôle de nombreuses variables « cachées » de SPIP, des améliorations ou facilités typographiques, (...)

  • MediaBox

    10 mai 2010 – 194 commentaires

    Aperçu La MediaBox est une Boîte multimédia polyvalente et personnalisable. Le plugin est basé sur la librairie moderne ColorBox, qui a été enrichie et adaptée pour SPIP. Par défaut, mediabox propose 5 habillages. Il est assez facile d’en créer de (...)

  • Squirrels Love Chimps

    14 février – commentaires

    Squirrels Love Chimps met à disposition une série de 4 plugins pour connecter votre SPIP avec le service d’emailing MailChimp MailChimp, qu’est-ce que c’est ? Mailchimp est un outil d’emailing ou, dans dans la langue de Molière, « un service d’envoi (...)