Simple horizontal menu

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
tsw
Power Poster
Power Poster
Posts: 1408
Joined: Tue Dec 13, 2005 10:50 pm

Re: Simple horizontal menu

Post by tsw »

it would be something like this

in your template

Code: Select all

<div id="horz_menu">
{menu}
</div>
and in css

Code: Select all

div#horz_menu ul li {
display:inline;
}
or

Code: Select all

div#horz_menu ul li {
float:left;
}
whichever works better for you
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Simple horizontal menu

Post by Dr.CSS »

horiz menu...
{cms_module module='menumanager' template='whateveroneyouwant.tpl' number_of_levels='1' only the first level pages items="home,squared,photoleaves,rounded,galleries,contact"} if you want to limit the pages across the top, must be page alias', go to second tab in page edit view to get this info

menu vert...

{cms_module module='menumanager' template='yourchoice.tpl' start_level='2' collapse='1'}

start_level='2'  obvious? can even be level 3 if you have that many  and the menu horiz can start on level 2

collapse='1'  show only the second level pages of the chosen page in menu horiz
and you can limit the pages shown on this menu with the  items="page1,page3,page8," call also

an example... or 2... ok 3...ok 4

http://www.multiintech.com/index.php?page=lazy_days2

http://www.multiintech.com/index.php?page=andreas06

http://www.multiintech.com/index.php?page=dr_paur

http://www.multiintech.com/index.php?page=panoramica
Post Reply

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