Basic dropdown menu in css

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Locked
ozthor
New Member
New Member
Posts: 4
Joined: Fri Nov 01, 2013 8:17 pm

Basic dropdown menu in css

Post 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....
staartmees
Power Poster
Power Poster
Posts: 1049
Joined: Wed Mar 19, 2008 4:54 pm

Re: Basic dropdown menu in css

Post by staartmees »

Take a look in the Simplex template and css, it has a dropdown menu
User avatar
velden
Dev Team Member
Dev Team Member
Posts: 3497
Joined: Mon Nov 28, 2011 9:29 am

Re: Basic dropdown menu in css

Post 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.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Basic dropdown menu in css

Post 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...
Locked

Return to “Layout and Design (CSS & HTML)”