Page 1 of 1

Basic dropdown menu in css

Posted: Sun Nov 03, 2013 9:04 pm
by ozthor
Hi People

I am using cms 1.11.9
IE8 to view my finished work and have no clue as to what i'm doing.. :)


First up a link to the problem page...
http://ronjeff.com.au/index.php?page=basic-page-001
Please note that the site is there for no other reasion then to learn how things are done!!!

I am trying to get a dropdown menu to work......

as you can see it is very basic!!!
I have had the background colors for each tab set at different times....
that part of the css is not a problem....

It is in getting just the top level of the menu to show untill you move your mouse over a tab and the sub menus then show.

After lots of reading a number of different sites, I have come to belive that this is not an easy thing to do???
given how great this cms is ment to be....

first there seams to be some javascript needed in the template ????

them I have read that {menu}
is ment to be used more then once ?????
and then in the style sheet the syntext to the code seams to change????
ul#mymenu a{
dose not work???
but
#mymenu a{
dose

and reading help files for cms 1.6 dose not help with cms 1.11.9

so I'm going to ask if some one can walk me throught the menu ???

All the code that is needed!! in the template to get the memu to work

then the code for the stylesheet (css) that is needed to get the dropdown menu to work....

if someone was so kind as to do that for me, I would then have a working sample I can pull apart and play with....

but just for the menu, the very basics of what is needed for it to work...

thanks....

Re: Basic dropdown menu in css

Posted: Mon Nov 04, 2013 8:26 am
by staartmees
Take a look in the Simplex template and css, it has a dropdown menu

Re: Basic dropdown menu in css

Posted: Mon Nov 04, 2013 10:11 am
by velden
Your trying the wrong way: cmsms has the option during installation to install sample templates with content pages.

You should not clean up your site and start from scratch if you want to learn it.

The default templates and pages offer a LOT of information and instructions.

If this is a test site:
I would advise to start over again: delete everything, empty database and install cmsms again. Look at the options during installation and make sure to tick the checkbox that will install the example templates and pages.

Re: Basic dropdown menu in css

Posted: Tue Nov 19, 2013 6:44 pm
by Dr.CSS
Drop down menus are built in to the system, you will need to use {menu template='cssmenu.tpl'} in the page template then attach the Navigation: CSSMenu - Horizontal stylesheet as seen here...

http://multiintech.com/defaultcontent/d ... ontal.html

You may want to read some of the other default pages there to get a better idea how CMSMS works...