Page 1 of 1

Custom Menu with Menu Manager

Posted: Thu Jul 17, 2008 11:57 am
by jdmallion
Hi Guys,

I am loving the products just have a quick query on the menu manager:

I am trying to create a menu with drop downs and I think I could do this (with a bit of swearing and shouting) but the problem comes with the fact that I want each to top level menu to have a wrapper with a different CSS class and id and each lot of drop downs to have a different ID and class.

The only solution I have come up with is creating the top level menu manually and then doing a separate menu template for each one like the following:

{menu template='homeDropdownMenu.tpl' start_page='home'}
{menu template='aboutDropdownMenu.tpl' start_page='about'}

This obv creates the problem that my users will not be able to edit the top menu and I have got to create lots of different templates to make it work.

I basically want to structure to be the following to enable it to work with the dropdown script I am using:

Code: Select all

  
<ul id="topNav">
  <li class="secureFr"><a href="/exhibitors/"></a></li>
  <li><a href="/contact.php" class="frContact">Cont@ct</a></li>
  <li><a href="/register.php" class="frUse">Informations Utiles</a></li>
  <li><a href="#" class="enReg">Inscription</a></li>
  <!--  <li><a href="/download.php" rel="dd_download" id="Download">Téléchargements</a></li> -->
  <li><a href="#" rel="dd_press" id="Press" class="frPress">Presse</a></li>
  <li><a href="/awards.php" rel="dd_awards" id="Awards" class="frAwards">Award</a></li>
  <li><a href="/conferences.php" rel="dd_conferences" id="Conferences" class="frConf">Conférences</a></li>
  <li><a href="index.php" class="frHome">Home</a></li>
</ul>


<!-- Presentation DropDown -->
<div id="dd_conferences" class="dropdown">
  <div class="dropTop"></div>
  <a href="/day12009.php">21st Janvier</a>
  <a href="/day22009.php">22nd Janvier</a>
  <a href="/conferences.php#callforpaper">Appel à communication</a>
  <a href="#">Télécharge le Programme</a>
  <div class="dropBottom"></div>
</div>
<!-- Presentation DropDown_end -->

<!-- Exhibition DropDown -->
<div id="dd_exhibition" class="dropdown">
  <div class="dropTop"></div>
  <a href="/exhibiters2008.php">Liste des Exposants</a>
  <a href="/downloads/P09FloorPlan03-04.pdf">Plan Pharmapack</a>
  <a href="/toexhibit.php">Exposer á Pharmapack</a>
  <div class="dropBottom"></div>
</div>
<!-- Exhibition DropDown_end -->

<!-- Exhibit DropDown -->
<div id="dd_exhibit" class="dropdown">
  <div class="dropTop"></div>
  <a href="/toexhibit.php#whyexhibit">Pourquoi Exposer?</a>
  <a href="/toexhibit.php#exhibprof">Profil Des Exposants</a>
  <a href="/toexhibit.php#visitorsprof">Profil Des Visiteurs</a>
  <a href="/bookbooth.php">Vous Souhaitez Exposer</a>
   <div class="dropBottom"></div>
</div>
<!-- Exhibit DropDown_end -->

<!-- Awards DropDown -->
<div id="dd_awards" class="dropdown">
  <div class="dropTop"></div>
  <a href="/awards.php#awardsjury">Membres du Jury</a>
  <a href="/awards.php#awardspropose">Pour Concourir</a>
  <a href="/awardWinners.php">Lauréat</a>
  <div class="dropBottom"></div>
</div>
<!-- Awards DropDown_end -->

<!-- Press DropDown -->
<div id="dd_press" class="dropdown">
  <div class="dropTop"></div>
  <a href="/pressPartners.php">Partenaires Presse</a>
  <a href="/inThePress.php">Pharmapack Paru dans la Presse</a>
  <a href="/pressRelease.php">Communiqués de Presse </a>
  <div class="dropBottom"></div>
</div>
<!-- Press DropDown_end -->

<!-- Download DropDown -->
<div id="dd_download" class="dropdown">
  <div class="dropTop"></div>
  <a href="/downloads/P09Presentation03-04.pdf">Présentation 2009 (.pdf)</a>
  <a href="/day12009.php">Confèrences 2009 1er jour</a>
  <a href="/day22009.php">Conférences 2009 2éme jour</a>
  <a href="/program2009.php">Programme Pharmapack 2009</a>
  <a href="/exhibiters2008.php">Liste des Exposants</a>
  <a href="/downloads/P09FloorPlan03-04.pdf">Plan de Sol de l'exposition (.pdf)</a>
  <div class="dropBottom"></div>
</div>
<!-- Download DropDown_end -->

<!-- Register DropDown -->
<div id="dd_register" class="dropdown">
  <div class="dropTop"></div>
  <a href="/register.php#visitors">Visiter l'exposition</a>
  <a href="/register.php#follow">Aux Conférences</a>
  <a href="/register.php#usefull">Informations Pratiques</a>
  <div class="dropBottom"></div>
</div>
<!-- Register DropDown_end -->

Any help would be very much appreaciated

Re: Custom Menu with Menu Manager

Posted: Fri Jul 18, 2008 7:06 am
by jdmallion
Does any one have any idea?  ???

Re: Custom Menu with Menu Manager

Posted: Fri Jul 18, 2008 11:23 am
by Dr.CSS
Do you have a working example of this?...

Giving every link a unique ID and class can be done with ="{node->alias}" using the page alias or ="a{node->id}" uses the page ID, you have to use an letter in front of it as IDs and classes can't start with a number, or ="a{node->hierarchy}" uses the page number of where it is in the menu like 1 for home/firstpage etc., same thing about numbers...