Customize 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
dinosaur
New Member
New Member
Posts: 7
Joined: Tue Jan 13, 2009 8:36 pm

Customize Menu

Post by dinosaur »

Hey there
Wanted to ask how I can create the Menues. I posted the HTML source code. What I can't figure out after reading the documentation is how I can implement them into my page:

Here's the horizontal menu I need:

Code: Select all

<!-- start horizontal menu -->
<div id="uppermenubar">
	<div class="modulebox">
		<ul id="uppernavbar">
			<li><a href="index.php" id="active">Home</a></li>
			<li><a href="contact.php">Kontakt</a></li>
		</ul>
	</div>
</div>
<!-- end menu -->

and here's the vertical menu I need:

Code: Select all

<!-- start vertical menu -->
<div class="modulebox_menu">
	<h3>Menutitle</h3>
	<ul id="mainmenu">
		<li><a href="index.php" id="main-active">Home</a></li>
		<li><a href="contact.php">Kontakt</a></li>
	</ul>
</div>
<!-- end vertical menu -->
Since the page is pretty small, there's only one level and no submenues are needed. Im sure this must be pretty easy, but I can't figure it out. Anybody that can help me? thanks, cheers dino
User avatar
tophers
Forum Members
Forum Members
Posts: 218
Joined: Thu Jun 07, 2007 7:25 pm

Re: Customize Menu

Post by tophers »

You can easily have the two menus on the page:

Code: Select all

   {* Start Navigation *}
   <div id="menu_horiz">
      <h2 class="accessibility">Navigation</h2>
      {menu template='simple_navigation.tpl' number_of_levels='1'}
   <hr class="accessibility" />
   </div>
   {* End Navigation *}

      {* Start Sub Navigation *}
      <div id="menu_vert">
         <h2 class="accessibility">Sub Navigation</h2>
          {menu template='simple_navigation.tpl' start_level='1' collapse='1'}
      <hr class="accessibility" />
      </div>
      {* End Sub Navigation *}

The start_level='1' will show all of the nav in the sidebar - set it to '2' if you want only the children of the section you're in.
Post Reply

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