Custom Menu with Menu Manager

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
jdmallion
Forum Members
Forum Members
Posts: 12
Joined: Thu Jul 17, 2008 11:32 am

Custom Menu with Menu Manager

Post 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
Last edited by jdmallion on Thu Jul 17, 2008 11:59 am, edited 1 time in total.
jdmallion
Forum Members
Forum Members
Posts: 12
Joined: Thu Jul 17, 2008 11:32 am

Re: Custom Menu with Menu Manager

Post by jdmallion »

Does any one have any idea?  ???
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Custom Menu with Menu Manager

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

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