Transferring Custom Menu?

[kms]

Hi All,

Can someone point me in the right direction of even where/how to start transferring a menu with styling to a CMSMS site? I've got most of the site CSS transferred and working great, the menu is a WHOLE different story 

I mean where do I even begin? It's a vertical menu, with accordion functionality. If I replace the entire menu with {cms_module module="menumanager"} I just get a big old long list, no styling (understandable). I guess I need to adapt my styling to the div's and li's that CMSMS puts out for the menu, am I heading in the right direction? Is this a job for FireBug? Where do I start? Is there a tutorial on this somewhere?

Thanks!

[spcherub]

This may or may not be of much help, but here is some information about how I'd do it...

Step#1: The first step is to recreate the HTML markup of the original menu. Assuming you want to continue using the menu manager, edit (or create new) an existing menu template so the output of it is exactly what your original menu's markup looked like.

Step#2: Then, copy the relevant CSS into a stylesheet associated with the template in question (It sounds like you may have already done this).

If your markup (in Step #1) above is ok (with the right class names and ids), then everything should work just right.

Remember you can test this in stages as well.
Stage#1 (Test CSS): Hard code the desired menu structure (HTML) into a global content block and insert this GCB into the template where the menu would normally go. If your CSS references are correct and all the styles are copied over properly, you should see your menu appear the way you had it originally

Stage#2: Figure out how the menu manager templates work (take a simple template like simple_navigation.tpl) and alter it to output your desired menu markup (as mentioned in Step #1). Then simply replace the GCB reference with a call to your new menu template.

Hope that helps.

Sanjay