I am a bit confused by the menu listing in ElkArte. Would be great if someone can explain it.
Agree with you. It is not entirely to understood.
Well, that's a rather generic question, I'm not entirely sure what you mean, sorry... :-[
Any specific question?
Yes, generic. Could you please explain (when free ) how it is structured ?
The problem is that on a generic question I could answer anything without giving you any useful information...
It's an ul list and each submenu is a nested ul.
It uses superfish and superclick.
Dunno what else add.
Which classes are involved ?
Wizard, what browser are you using? I'm going to give you the tools to answer your own question.
Firefox. :)
You should already know this but here: https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS
Which all css files contains menu elements ? index.css says
Which are main and secondary menus ?
Not sure what you are asking either :(
The "code" is basically
menulevelX <- menulevel is the class applied to the UL that contains the menu items and X (1,2,3) is the level of nesting
listlevelX <- listlevel is the class applied to the LI's inside the menulevel, so inside a menulevel1 should reside listlevel1 items.
If a listlevel1 has its own sub menu then you add a ul menulevel2 in that list with its own set of listlevel2 items. And if a drop down needs its own drop down (only admin area I think) then it gets a menulevel3 ul with listlevel3 li's inside.
I'm not sure there is s menulevel1 class or just a defined menu_whatever div to hold the various menus, like main, quick, etc since thats generally a custom positioning div, like allowing the admin side menus instead of top menu.
The menus work without JS enabled as well for those that do that, super fish + hover intent are used to remove some of the jittery aspects of css only menus to improve a11y access.
I saw many types of classes
main_menu, menu_nav, menu_sidebar
menulevel1,2,3
menu1,menu2,menu3
linklevel1,2,3
listlevel1,2,3
instead of 2 you mentioned above.
Also, which all files have menu's css ?
I'll let someone else try and explain it better, thats the best I can do :(
It's ok. Thanks for trying.
Main is the one at the top of each page (home, admin, etc.).
Secondary are the ones present in some pages like the profile, admin area, moderation, pm area, etc.
Possible to have a structure of classes ?
It's what Spuds wrote at http://www.elkarte.net/community/index.php?topic=2995.msg20904#msg20904 really, there isn't much more than that (maybe an active class on the active button I guess).
IIRC Joshua suggested to use the browser tools to discover styles and classes of the markup, this is the best tool to use (much, much better than ask me that I'm theming-dumb and don't understand much of css and alike). ;D