[solved] How to make cssmenu.tpl a normal dropdown menu?

[Sponsi]

Hi,

I don't get the menu manager and all the templates etc.
On one hand they are pre-made, on the other hand - it doesn't work.

So I have this menu, cssmenu.tpl turned on but {menu} shows the whole tree of the menu. How do you make children appear only on mouse hover? Is JS needed? I thought it was out of the box.

It's strange, I know, I've made something like 20 sites with CMS MS but I never made a drop down menu.

I have the ul with the class unli but it's not visible... I mean it's not hidden or invisible but it's like under the template. It's there but not shown. WTF?

How to figure this out? Can you give me any tips?

I must say it should work out of the box...

S.

[DIGI3]

The MenuManager templates are really just to get you started. CMSMS isn't an "out of the box" CMS, it's designed for experienced web developers with a working knowledge of HTML and CSS.

That said, there are some premade themes in the downloads area, and I'm sure some of those have dropdown menus you can use or reference while creating your own. There are also plenty of online references for creating dropdowns, all based on a supplied list - which MenuManager nicely provides - it doesn't have to be specific to the CMS.

Javascript is only required if you want a javascript dropdown, CSS is another option (or a combination of the two).

[Sponsi]

Well... OK. I'll try to use a pre-made theme and copy a solution from there.

[Sponsi]

This sucks.

Error: at line 702 in file blabla/blabla/lib/smarty/sysplugins/smarty_internal_templatecompilerbase.php:

3 templates tried. None worked.

[DIGI3]

Not all of the templates have been updated for the latest versions of CMSMS. You'll find the sample templates installed with CMSMS are tested and reliable, and the default sample one does include dropdown menus.

[Sponsi]

I haven't thought about that.
I'll give it a try. Thanks.

EDIT: This is annoying as hell.
I don't know if coding into Joomla wouldn't be faster than tackling this idiotic drop down NOT WORKING menu.

EDIT 2:
Got it...

Solution:
I just added the following lines to my CSS. Please note I didn't mess up with the original cssmenu.tpl too much so I just had to add styles for primary-nav but I also have my own box for the menu.

Code: Select all

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparent ul,
#primary-nav li.menuparent ul ul,
#primary-nav li.menuparent ul ul ul {
	display: none;
}

#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav ul ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparent ul,
#primary-nav ul ul li.menuparent ul,
#primary-nav ul ul ul li.menuparent ul {
	display: block;
}

/* IE Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}

#primary-nav li li a {
	height: 1%;
}

plus I styled my own box with the menu and positions like ul.unli li a, etc. - generally one has to remember about .unli.