Superfish

Superfish integrates jQuery Superfish plugin with your Drupal menus. Look how it works.

Overview:

• Purely Superfish.
• Supporting all the Superfish options.
• Block-specific settings.
• Unobtrusive JavaScript.
• Supersubs plugin.
• Supposition plugin.
• Touchscreen compatible (for iPad, Android, etc.)
• Keyboard-accessible.
• Multi-column sub-menus. (Megamenus)
• 9 extra styles (different colour schemes for the default purplish Superfish theme.) (Some more here)
• RTL (Right-to-left) language support.
• Lots of built-in options for designers.
• And a whole lot more...

Depends on:

• Superfish library
• Libraries module
• jQuery 1.3.x or higher, through the jQuery_update module v2.x (Drupal 6 only)

v1.8 installation guide:

1. Download the Superfish library and extract it somewhere like sites/all/libraries.^{(Updated on Sep 4th, 2011)}
2. Download and extract the Libraries module in sites/all/modules.
3. Drupal 6 users need to install jQuery_update module v2.x as well.
4. Download and extract the Superfish module in /sites/all/modules.
5. Upgrade users need to delete the module folder (sites/all/modules/superfish) before uploading the new one. Also, if having any modified CSS files, just move them from sites/all/modules/superfish/css/extra to sites/all/libraries/superfish/style

v1.9-beta4 notes:

• You should use Superfish library v1.2-beta, which includes a beautiful new style!

Tidings

• Nov 24: v1.9-beta4 released.

How to design

• Learn CSS if you don't know it.
• Use the Simple style as reference (/superfish/styles/simple in the Superfish library v1.2-beta).
• Use Firefox & Firebug.
• Set the Mouse delay to a higher number like 30000 so that the sub-menus will stay open for a longer time giving you more time to deal with them in the Firebug.

Known issues:

Moved to documentation.

Support

• Urgent support requests? If it's genuinely urgent, you can contact me via this page; otherwise, please use the issue tracker.

Showcase your Superfish

If you have designed a beautiful Superfish menu you can help others learn how to design theirs; Send me a link to your website, I'll check the codes to see whether it's being done in a proper way, and if it was beautiful too it'll be mentioned here. :)

Pledges

#D7AX - I pledge to make this module as accessible as it can be. If you find any flaws, please submit an issue. Help me fix them if you can.

Downloads