Superfish Dropdown Menu

Version
1.2 (last update on Apr 29, 2009)
Rating
Compatibility
Votes
78
Favoured
99
License
GPL
Non-Commercial
Type
Views
122073
Date Added
14 December 2008
Suckerfish-style menu jQuery plugin
that takes an existing pure CSS
drop-down menu (so it degrades
gracefully without JavaScript) and adds
many features."
I took Superfish and combined it with a
menu module to easily create and
manipulate dropdown menus. Comes with
many configuration options such as
shadows, arrows, vertical menu,
horizontal menu, navbar menu, iframe
for IE6 use, fade in, slide in, fade
and slide in, opacity, intelligent
mouseover handling, and more.
To learn more about Superfish, visit:
http://users.tpg.com.au/j_birch/plugins/superfish
Disclaimer:
If you plan on using this module, you should be comfortable editing css. It would also help to be familiar with Superfish, but not required. This module simply combines superfish with the main menu and automates the setup configuration. It is intended for developers who know their way around code. If you are a novice and need a highly customized look to the menu, this one may not be for you.
I will no longer be offering support for this module. 99.9% of the issues are css related and are site-specific and unrelated to the actual inner workings of the module. Unfortunately I do not have the time or financial resources to offer constant support. If you have problems, your template css is probably overriding your superfish css.
byArmored on December 28, 2009
I've been using this module on several Joomla sites and I must say I never had an issue with it! It works out-of-the-box and the styling is fairly easy to do.
The only minor thing I came across was the previously mentioned z-index problem but I solved it as sugested by johnathanamber (thanks Johnathan!).
The only minor thing I came across was the previously mentioned z-index problem but I solved it as sugested by johnathanamber (thanks Johnathan!).
byXilver on December 3, 2009
I have tryed many menu modules, and this was by far the best. It is really easy to install, and also really easy to configure.
So if you are looking for a nice animated javascript dropdown menu then this is a must have.
The only minor thing is, the rollover images aren't easy to configure, but putting static images is really easy.
So if you are looking for a nice animated javascript dropdown menu then this is a must have.
The only minor thing is, the rollover images aren't easy to configure, but putting static images is really easy.
bybryski81 on November 25, 2009
Im using this for a college site I am building and its almost perfect for our needs. It is very customisable. The only limitation for me is the initial lack of slide options, although this can be rectified by learning a bit of jquery!
Thanks!!!
Thanks!!!
byjewel4599 on November 21, 2009
First of all let me tell you I have a graphic design background. Coding is not my strong suite. I usually just edit free templates. This module is so, so, so easy to use, especially for people like me. I will use it from now on for every project I am working on. Thanks for the great exstension.
byjo-jo on November 18, 2009
I like this module because it is easy to install and configure. Unfortunately, I am looking for another menu only because I cannot seem to change the background colors successfully for all different menu states in the superfish.css
I have spent a couple of hours reading the forums and testing changes with no real progress. It would be great if styling was more intuitive, or if there was a set of instructions as part of a FAQ.
The standard colors of the menu do not integrate well with the color scheme of my website.
I have spent a couple of hours reading the forums and testing changes with no real progress. It would be great if styling was more intuitive, or if there was a set of instructions as part of a FAQ.
The standard colors of the menu do not integrate well with the color scheme of my website.
bydezzell on November 5, 2009
I spent many days looking at different Joomla Menu functions and found Superfish to be easy to install and configure. I did run into issues with the Artisteer template creator and the Superfish menu, which took me several hours to figure out what was going on.
If anyone out there is using an Artisteer template and would like to use Superfish, please do the following.
Edit the template.css file under your template and change the overflow from hidden to visible in the .art-contentLayout .art-sidebar1 { section.
I thought I was having an issue with the z-index, but ended up to be an issue with overflow.
Superfish works great and I recommend this to anyone wanting to setup a vertical menu with submenu items.
You will need to either create of modify the superfish.css files to get the colors and layout to match your site.
Good Job!!
If anyone out there is using an Artisteer template and would like to use Superfish, please do the following.
Edit the template.css file under your template and change the overflow from hidden to visible in the .art-contentLayout .art-sidebar1 { section.
I thought I was having an issue with the z-index, but ended up to be an issue with overflow.
Superfish works great and I recommend this to anyone wanting to setup a vertical menu with submenu items.
You will need to either create of modify the superfish.css files to get the colors and layout to match your site.
Good Job!!
bypaulb2009 on October 31, 2009
By far the easiest and most effective menu module I've seen - and I've tried many!
I've used for horizontal and vertical and it's awesome! No errors, no modifying to get it to work. The only thing to change is the parameters and the CSS to match the design - very easy!
I've used for horizontal and vertical and it's awesome! No errors, no modifying to get it to work. The only thing to change is the parameters and the CSS to match the design - very easy!
byXcentricHuntress on October 23, 2009
Two thumbs up! The instructions are clear. Thus, easy to follow. :)
bysled09 on October 20, 2009
I am new to Joomla! and everything seemed easy to pick up except drop down menus. But this module makes adding drop downs a breeze. Thanks for creating it! I've tried other drop down modules but styling them was very difficult, but superfish is pretty straight forward. This is an A++++ module and really enhances what you can do with Joomla!
bymefistofelos on September 18, 2009
That is exactly what I was banging my head about.
What menu to add to my website. I used transmenu, but I think that developer stopped working on it, and now THIS!
Thank you for releasing this module in public - free use!
What menu to add to my website. I used transmenu, but I think that developer stopped working on it, and now THIS!
Thank you for releasing this module in public - free use!
byMattyJH on August 31, 2009
Love this extension, have implemented on a few sites no problems. But having z-index issue in IE on one site and noticed the forum is not very active, and lack of support, 1 view in 2 days. Maybe I need to wait longer...I am also willing to Donate for a quick fix as I mentioned in my forum post.
byjholzy on August 21, 2009
Downloaded, installed, used... just that simple! It was as easy as disabling the current menu and enabling Superfish. I had to change module positions from left to user3 for the horizontal option (specific to the template) and it simply worked! Well done... and BTW, editing CSS isn't really so difficult that non-developers (that's me) can't easily figure it out!
byahmad_ashour on August 12, 2009
i install the extension, when i use it for virtical style working very good, but when i use it in horizontal style its not work, i do view source for my page and i found css class named sf-horizontal but when i search on all css i found it for the extension, i am not found this class, i hope to fix this problem, or give us the solution for this problem.
thanks
thanks
bynico65 on August 6, 2009
stylish, flexible and unobtrusive javascript
byelyada on August 4, 2009
Awesome job Cy!
Depending on the template you use, you may have to add style="overflow: visible;" to the container of the menu to avoid cropping
Nadav
Depending on the template you use, you may have to add style="overflow: visible;" to the container of the menu to avoid cropping
Nadav
byXander_G on July 15, 2009
Really great plugin and thanks for making my life so much easier.
I just have one problem, and it´s kinda irritating. When I use any of the "fade in" animation presets for the dropdown-menu, it doesnt work in Explorer 8. It´s just appearing with an ugly flick. No fading or sliding. When I just choose "slide in" it works great but i guess it´s something with the opacitysettings for IE8. Works great in all the other browsers though. Thanks again.
I just have one problem, and it´s kinda irritating. When I use any of the "fade in" animation presets for the dropdown-menu, it doesnt work in Explorer 8. It´s just appearing with an ugly flick. No fading or sliding. When I just choose "slide in" it works great but i guess it´s something with the opacitysettings for IE8. Works great in all the other browsers though. Thanks again.
This is really an amazing plugin.. thank you very much.. if you are familiar with joomla and css, it's a piece of cake. No need to be an expert but at least know the basic foundation.
byjohnathanamber on June 27, 2009
This is an awesome menu.
Like most others... the issue I faced was that it worked perfectly in FF but not in IE.
Correcting the z-index worked perfectly.
added the z-index to the following:
.sf-menu li
.sf-menu li li
.sf-menu li li li
.sf-menu a
Just to be sure I also added the z-index: 1; to the topmenu (where I was using it) and a x-indez: -1; to the table just below it.
This is an awesome menu...
Like most others... the issue I faced was that it worked perfectly in FF but not in IE.
Correcting the z-index worked perfectly.
added the z-index to the following:
.sf-menu li
.sf-menu li li
.sf-menu li li li
.sf-menu a
Just to be sure I also added the z-index: 1; to the topmenu (where I was using it) and a x-indez: -1; to the table just below it.
This is an awesome menu...
byhtbukasa on June 19, 2009
Hi, I love this module and think it's the best and easiest to install. However I have a problem removing the menu separator that creates top and left border. How do I do it?
byDanielKonstanz on June 15, 2009
One of the best menu systems I have found for Joomla 1.5 .... it works excellent in Firefox and IE>=7, BUT... unfortunately in IE6 the submenu does not at all appear (no overlap effect due to css, just nothing happens on mouseover effect :-(
This flaw makes it hard for me to use this menu unless there is some workaround - many users are still using IE6, so the menu has to work properly... Maybe someone can help ?
This flaw makes it hard for me to use this menu unless there is some workaround - many users are still using IE6, so the menu has to work properly... Maybe someone can help ?
Page 1 of 2






