Drupal level 1 main nav & level 2 sub-menu html


/ Published in: HTML
Save to your folder(s)



Copy this code and paste it in your HTML
  1. <div class="sidebar" id="sidebar-left">
  2. <div class="clear-block block block-menu_block_split" id="block-menu_block_split-1">
  3.  
  4. <h2>Nav L1</h2>
  5.  
  6. <div class="content">
  7. <ul class="menu">
  8. <li class="leaf menu- 1132 first active-trail "><h2><a class="active" title="Douche" href="/douche">Douche</a>
  9. </h2></li>
  10. <li class="leaf menu- 1148"><h2><a title="Balnéo" href="/balneo">Balnéo</a></h2></li>
  11. <li class="leaf menu- 1149 last "><h2><a title="Spa" href="/spa">Spa</a></h2></li>
  12. </ul>
  13. </div>
  14. </div>
  15. <div class="clear-block block block-menu_block_split" id="block-menu_block_split-0">
  16.  
  17. <h2>Nav L2</h2>
  18.  
  19. <div class="content">
  20. <ul class="menu">
  21. <li class="expanded first menu-1133"><h2><a title="Cabines" href="/douche/cabines">Cabines</a></h2>
  22.  
  23. <div class="ns-wrapper">
  24. <div class="ns-right">
  25. <ul class="ns-products" id="ns-1134">
  26. <li class="leaf ns-product">
  27. <a href="/douche/cabines/infinity/douche-09-cabine-infinity">Douche 09 Cabine
  28. Infinity</a></li>
  29. </ul>
  30. <ul class="ns-products" id="ns-1135">
  31. <li class="leaf ns-product">
  32. <a href="/douche/cabines/massage-professionnel/douche-06-cabine-super">Douche 06
  33. Cabine super</a></li>
  34. <li class="leaf ns-product">
  35. <a href="/douche/cabines/massage-professionnel/douche-07-cabine-geniale">Douche 07
  36. Cabine géniale</a></li>
  37. </ul>
  38. </div>
  39. <div class="ns-left">
  40. <ul class="ns-gammes">
  41. <li class="collapsed ns-gamme"><a href="#ns-1134">Remplacement de baignoire</a></li>
  42. <li class="collapsed ns-gamme"><a href="#ns-1135">Massage professionnel</a></li>
  43. <li class="leaf ns-gamme"><a href="#ns-1136">Infinity</a></li>
  44. <li class="leaf ns-gamme"><a href="#ns-1137">Kineform</a></li>
  45. <li class="leaf ns-gamme"><a href="#ns-1138">Horizon</a></li>
  46. <li class="leaf ns-gamme"><a href="#ns-1139">Avantage</a></li>
  47. <li class="leaf ns-gamme"><a href="#ns-1140">Opus</a></li>
  48. <li class="leaf ns-gamme"><a href="#ns-1141">Espace</a></li>
  49. <li class="leaf ns-gamme"><a href="#ns-1142">Kineprime</a></li>
  50. <li class="leaf ns-gamme"><a href="#ns-1143">Petits espaces</a></li>
  51. </ul>
  52. </div>
  53. </div>
  54. </li>
  55. <li class="expanded"><h2><a title="Parois" href="/douche/parois">Parois</a></h2>
  56.  
  57. <div class="ns-wrapper">
  58. <div class="ns-right"></div>
  59. <div class="ns-left">
  60. <ul class="ns-gammes">
  61. <li class="leaf ns-gamme"><a href="#ns-1168">Kinespace</a></li>
  62. <li class="leaf ns-gamme"><a href="#ns-1169">Exclusive</a></li>
  63. <li class="leaf ns-gamme"><a href="#ns-1170">Kineclass</a></li>
  64. <li class="leaf ns-gamme"><a href="#ns-1171">Classic</a></li>
  65. <li class="leaf ns-gamme"><a href="#ns-1172">Smart</a></li>
  66. <li class="leaf ns-gamme"><a href="#ns-1173">Kinechrome</a></li>
  67. <li class="leaf ns-gamme"><a href="#ns-1174">Quadri</a></li>
  68. <li class="leaf ns-gamme"><a href="#ns-1175">Supra II</a></li>
  69. </ul>
  70. </div>
  71. </div>
  72. </li>
  73. <li class="expanded"><h2><a title="Receveurs" href="/douche/receveurs">Receveurs</a></h2>
  74.  
  75. <div class="ns-wrapper">
  76. <div class="ns-right"></div>
  77. <div class="ns-left">
  78. <ul class="ns-gammes">
  79. <li class="leaf ns-gamme"><a href="#ns-1435">Douche 10 Receveur</a></li>
  80. </ul>
  81. </div>
  82. </div>
  83. </li>
  84. <li class="leaf"><h2><a title="Colonnes" href="/douche/colonnes">Colonnes</a></h2></li>
  85. <li class="leaf last menu-1147"><h2><a title="Pare-baignoires" href="/douche/pare-baignoires">Pare-baignoires</a>
  86. </h2></li>
  87. </ul>
  88. </div>
  89. </div>
  90. </div>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.