ウェブサイトにスーパーフィッシュドロップメニューを追加

Question

私のDrupal 7サイトにスーパーフィッシュをインストールした後、私は次に何をすべきかわかりません。私はウェブを検索し、いくつかの簡単なチュートリアルを読んで、私は私のテーマにCSSとjsファイルをロードするように言われました。私はhttps://github.com/mehrpadin/Superfish-for-Drupalからスーパーフィッシュのライブラリを得た、それは例として使用されるサンプルが含まれています。あなたは私にヒントを与えることができますか？前もって感謝します！

Answer 1

私はこれをやりたいときにモジュールを使用しません。あなたのテーマの.infoファイルに2つのjavascriptを追加することで、それを行うことができます。 main.jsの前にsuperfish.jsを配置してください。

scripts[] = js/superfish.js 
scripts[] = js/main.js 

ファイルmain.jsするには、次のコードを追加します。

jQuery(function() 
{ 
    jQuery('div#menu_wrapper ul.menu').superfish(
    { 
     delay  : 500,        // one second delay on mouseout 
     animation : {opacity:'show',height:'show'}, // fade-in and slide-down animation 
     speed  : 'fast',       // faster animation speed 
     autoArrows : false,       // disable generation of arrow mark-up 
     dropShadows : true        // drop shadows 
    }); 
}); 

を私はSUPERFISHライブラリをダウンロードするダウンロードする場所を知らないが、私はそれは私のウェブサイトに縮小されています。このことができますhttp://abklimo.website-chef.com/sites/all/themes/abklimonew/js/superfish.js

希望、

ムハンマド

Answer 2

はNice Menusモジュールは、あなたがSUPERFISHを使用して、このようなメニューを作成することができます。私はそれをチェックアウトすることをお勧めします。あなたが選択したものと同じラッパーを使用しているのかどうかは不明ですが、合理的にうまく動作し、ドキュメントが付属しています。

幸運を祈る！