Comment obtenir des menus déroulants de style bureau dans Zotonic?

Question

Le menu principal de mon site Zotonic est mis en place sans agir comme un menu d'application de bureau.

Tous les éléments dans le menu sont rendus à l'écran avec aucun caché et il semble terrible. On dirait que c'est un super poisson, mais je ne vois pas le code nécessaire pour que superfish fonctionne. Ma solution palliative est d'avoir un menu à un seul niveau, mais cela ne répond pas à ce que le client recherche :(

Comment puis-je obtenir les menus déroulants de style de bureau dans Zotonic?

Answer 1

télécharger Superfish http://users.tpg.com.au/j_birch/plugins/superfish/superfish-1.4.8.zip

contenu Extrait du dossier dans superfish-1.4.8superfish-1.4.8.zip à priv/sites/default/lib/

Ajouter ce qui suit à priv/sites/default/templates/base.tpl.

{% lib "css/superfish.css" "css/superfish-navbar.css" "css/zp-compressed.css" "css/zp-project.css" "css/zp-menu.css" %} 
{% lib "js/apps/modernizr.js" "js/jquery-1.4.2.min.js" "js/superfish.js" %} 
<script type="text/javascript"> 
    // initialise plugins 
    jQuery(function(){ 
     jQuery('ul.do_superfish').addClass('sf-menu').superfish({speed: 'fast'}); 
}); 
</script> 

scomp_menu_menu.erl définit do_superfish comme une classe sur la liste au lieu de sf-menu donc j'utilise addClass('sf-menu') pour compenser.

J'omets "js/hoverIntent.js" de la librairie JS car cela rend le menu péniblement lent à ouvrir et régler {speed: 'fast'} pour que les menus s'ouvrent immédiatement.