Horizontal Menu, Vertical Submenu in the Sidebar

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"
Post Reply
MsLiberty
New Member
New Member
Posts: 2
Joined: Sat Mar 26, 2011 8:12 pm

Horizontal Menu, Vertical Submenu in the Sidebar

Post by MsLiberty »

Hi all. I'm new to CMS Made Simple so please be gentle.

I am trying to set up a site whereby my main navigation is horizontal across the top of the page and my submenu (to the extent the page has children) is in the left sidebar. It seems like this ought to be a simple thing to do but I can't seem to figure it out. I made a copy of the existing CSSmenu.tpl and since it has a <ul> class already defined, it was easy enough to change this to my own id for the main navigation, which is <ul id="navlist">. The problem is where/how to close this tag and then define how the submenu should be styled. The submenu shows up for me, but it is styled the same as the main nav and I don't want that obviously. Looking at all of this smarty code in the menu template kind of makes my eyes glaze over; I am a designer, not a coder or developer.

I have searched high and low for a tutorial that makes sense but I can't find one. If someone can point me to one or explain in really simple, kindergarten terms how to do this, I would greatly appreciate it!

Thanks!
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Horizontal Menu, Vertical Submenu in the Sidebar

Post by Dr.CSS »

There is already a template that does this in the default set of templates, it helps when you look at and read the default content pages...

http://multiintech.com/defaultcontent/d ... _left.html
MsLiberty
New Member
New Member
Posts: 2
Joined: Sat Mar 26, 2011 8:12 pm

Re: Horizontal Menu, Vertical Submenu in the Sidebar

Post by MsLiberty »

As it happens, I did read this page. Using simple_navigation.tpl doesn't produce the results I want. Copying the template and renaming it so I can alter it also doesn't help because I don't know where to place my div tags in the page. Copying CSSmenu.tpl was slightly more helpful b/c there's already a div tag in it for the menu. I don't know where to place tags for the submenu. That was my original question.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Horizontal Menu, Vertical Submenu in the Sidebar

Post by Dr.CSS »

Where to put the {menu template='simple_navigation.tpl' start_level='2' collapse='1'} tag is up to you or the design, most times it is in a 'sidebar' div that is floated left or right.

In this board it really helps to have a link to the site for us to help...
Post Reply

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