A nice CSS drop down menu on hover, using shinybuttons perhaps.

[johnniefp]

Hello,

I like the look of YAMLs shiny buttons, has anyone successfully integrated a nice drop down menu (on hover) with shiny buttons?

Something like how jQuery Suckefish works.

Tips anyone?

Thanks
John

[johnniefp]

Hello,

I like the look of YAMLs shiny buttons, has anyone successfully integrated a nice drop down menu (on hover) with shiny buttons?

Something like how jQuery Suckefish works.

Tips anyone?

Thanks
John

I ended up using Suckfish:
http://users.tpg.com.au/j_birch/plugins/superfish/

Worked nicely, wrapped it in a div which I styled similar to .hlist class in yaml.

If anyone ends up using this then heres a little heads up.
The dropdown menu has a small CSS z-index issue where I had to add the following to the suckerfish css file to work in ie7 and lower.

.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 2 /* added this */
}

Highly recommend it if you need a nice extendable CSS dropdown menu and as it's jQuery it fits in with the current YAML plugins.

[weiyan]

Its very nice. Disabled all css, the drop down manu still ok. If removed superfish.css, the manu become lists.