By juc1 on

Hi all,

I would like my theme to have a CSS-only dropdown menu like this http://juc1.byethost24.com/menu/.

Any suggestions for this eg tutorial links or can anyone tell me a free theme that uses a CSS-only menu (but not hooks eg nice menu etc) so I can see the code?

Thank you

Comments

Bill Bostick’s picture

Bill Bostick commented

The classic implementation is the Suckerfish Menus article from A List Apart, which evolved into the Son of Suckerfish Dropdowns article from HTML Dog. See this article for some code that ties it all to drupal menus. Several contributed drupal themes use this approach... LiteJazz is one example.

juc1’s picture

juc1 commented

Hi Bill

Thanks for your help. The CSS menu in the link that I mentioned above doesn't use suckerfish so is there a name for such non-suckerfish CSS structures?

Bill Bostick’s picture

Bill Bostick commented

Other than the one you used, not that I know of... I'm good with non-suckerfish. Your link uses code from cssplay that is not GPL.

AvalancheOfLlamas’s picture

AvalancheOfLlamas commented

There's an awesome plugin for the Firefox browser called firebug (http://getfirebug.com/). It's the mother of all web-analysis tools. You can graphically point and click on divs or spans or paragraphs and it will list all CSS elements and what documents they come from (so you can "see the code," like you said). It also does javascript (could be very useful here), cookies, meta tags, you name it. When trying to copy really cool websites, I would be pretty much lost without it. Try giving it a spin on the example that you posted.

Alan