Cool Duplicate Joomla Menu Trick

April 27, 2007

Apply the same menu to the home page and the inner pages, but have the appearance change from home to inner:

  1. Create the content
  2. Create the menu (mainmenu)
  3. In modules, assign the menu to the pages it should appear (everything but Home)
  4. Copy the mainmenu module to mainmenu_home
  5. In its module properties assign it to the Home navigation items
  6. Put the 4 letters “home” in Menu Class Suffix and Module Class Suffix
  7. In templates/xyz/template_css.css, modify these items for the inner page menu mainmenu:
  • a.mainlevel
  • a.mainlevel:link
  • a.mainlevel:visited
  • a.mainlevel:hover
  • ul#mainlevel-nav
  • ul#mainlevel-nav li
  • ul#mainlevel-nav li a
  • u#mainlevel-nav lia a:hover

8. copy all of the above items, add the 4 letters “home” after each instance of the string “mainlevel”
9. modify mainlevelhome css elements for the home page menu decoration

You now have one menu, two modules and two css sets.

Previous post:

Next post: