Tema: Menu horizontal varios niveles
Ver Mensaje Individual
  #5 (permalink)  
Antiguo 24/04/2015, 04:34
mariadomingo
 
Fecha de Ingreso: abril-2015
Mensajes: 5
Antigüedad: 9 años, 7 meses
Puntos: 0
Respuesta: Menu horizontal varios niveles
Código HTML: 
Ver original
  1. <div id="block-tb-megamenu-main-menu" class="block block-tb-megamenu">
  2.    <div class="content">
  3.       <button data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar tb-megamenu-button" type="button">
  4.       <i class="icon-reorder"></i>
  5.       </button>
  6.  
  7.       <!-- contenedor menú -->
  8.       <div class="nav-collapse collapse always-show">
  9.  
  10.          <!-- INICIO lista primer nivel-->
  11.          <ul class="tb-megamenu-nav nav level-0 items-15">
  12.  
  13.             <!-- Nivel 1 -->
  14.             <li class="tb-megamenu-item level-1 mega dropdown">
  15.                <a href="/?q=es/home" class="dropdown-toggle">
  16.                EMPRESA          </a>
  17.                <div class="mega-dropdown-inner">
  18.                   <ul>
  19.  
  20.                      <!-- Nivel 2 -->
  21.                      <li class="tb-megamenu-item level-2 mega">
  22.                         <a href="http://microdent.emexs.es/?q=es/microdent-implant-system-quienes-somos" class="">
  23.                         QUIÉNES SOMOS?          </a>
  24.                      </li>
  25.  
  26.                      <!-- Nivel 2 -->
  27.                      <li class="tb-megamenu-item level-2 mega">
  28.                         <a href="http://microdent.emexs.es/?q=es/content/subhome-corporativo" class="">
  29.                         CORPORATIVO          </a>
  30.                      </li>
  31.  
  32.                      <!-- Nivel 2 -->
  33.                      <li class="tb-megamenu-item level-2 mega">
  34.                         <a href="http://microdent.emexs.es/home" class="">
  35.                         COLABORADORES          </a>
  36.                      </li>
  37.  
  38.                      <!-- Nivel 2 -->
  39.                      <li class="tb-megamenu-item level-2 mega">
  40.                         <a href="http://microdent.emexs.es/?q=es/home" class="">
  41.                         NOTÍCIAS          </a>
  42.                      </li>
  43.  
  44.                      <!-- Nivel 2 -->
  45.                      <li class="tb-megamenu-item level-2 mega">
  46.                         <a href="http://microdent.emexs.es/?q=es/como-llegar" class="">
  47.                         COMO LLEGAR          </a>
  48.                      </li>
  49.                   </ul>
  50.                </div>
  51.             </li>
  52.  
  53.             <!-- Nivel 1 -->
  54.             <li class="tb-megamenu-item level-1 mega dropdown">
  55.                <a href="http://microdent.emexs.es/?q=es/microdent-idi" class="dropdown-toggle">
  56.                I+D+I          </a>
  57.                <div class="mega-dropdown-inner">
  58.                   <ul>
  59.                      <!-- Nivel 2 -->
  60.                      <li class="tb-megamenu-item level-2 mega">
  61.                         <a href="http://microdent.emexs.es/?q=es/home" class="">
  62.                         CALIDAD CERTIFICADA          </a>
  63.                      </li>
  64.  
  65.                      <!-- Nivel 2 -->
  66.                      <li class="tb-megamenu-item level-2 mega">
  67.                         <a href="http://microdent.emexs.es/?q=es/home" class="">
  68.                         PROYECTOS CIENTÍFICOS          </a>
  69.                      </li>
  70.                   </ul>
  71.                </div>
  72.             </li>
  73.  
  74.             <!-- Nivel 1 -->
  75.             <li class="tb-megamenu-item level-1 mega dropdown">
  76.                <a href="http://microdent.emexs.es/?q=es/home-productos-microdent" class="dropdown-toggle">
  77.                PRODUCTOS          </a>
  78.                <div class="mega-dropdown-inner">
  79.                   <ul>
  80.  
  81.                      <!-- Nivel 2 -->
  82.                      <li class="tb-megamenu-item level-2 mega dropdown-submenu">
  83.                         <a href="http://microdent.emexs.es" class="dropdown-toggle">
  84.                         SISTEMA DE IMPLANTES          </a>
  85.                         <div class="mega-dropdown-inner">
  86.                            <ul>
  87.  
  88.                               <!-- Nivel 3 -->
  89.                               <li class="tb-megamenu-item level-3 mega dropdown-submenu">
  90.                                  <a href="/?q=es" class="dropdown-toggle">
  91.                                  GENIUS          </a>
  92.                                  <div class="mega-dropdown-inner">
  93.                                     <ul>
  94.  
  95.                                        <!-- Nivel 4 -->
  96.                                        <li class="tb-megamenu-item level-4 mega">
  97.                                           <a href="http://microdent.emexs.es/?q=es/sistema-implantologico-genius" class="">
  98.                                           IMPLANTES          </a>
  99.                                        </li>
  100.                                        <li class="tb-megamenu-item level-4 mega">
  101.                                           <a href="http://microdent.emexs.es/?q=es/kit-de-cirugia-genius" class="">
  102.                                           KITS QUIRÚRGICOS          </a>
  103.                                        </li>
  104.                                        <li class="tb-megamenu-item level-4 mega">
  105.                                           <a href="http://microdent.emexs.es/?q=es/pilares-de-cicatrizacion-genius" class="">
  106.                                           PILARES DE CICATRIZACIÓN          </a>
  107.                                        </li>
  108.                                     </ul>
  109.                                  </div>
  110.                               </li>
  111.  
  112.                               <!-- Nivel 3 -->
  113.                               <li class="tb-megamenu-item level-3 mega dropdown-submenu">
  114.                                  <a href="/?q=es" class="dropdown-toggle">
  115.                                  SYSTEM          </a>
  116.                                  <div class="mega-dropdown-inner">
  117.                                     <ul>
  118.  
  119.                                        <!-- Nivel 4 -->
  120.                                        <li class="tb-megamenu-item level-4 mega">
  121.                                           <a href="http://microdent.emexs.es/?q=es/sistema-implantologico-system" class="">
  122.                                           IMPLANTES          </a>
  123.                                        </li>
  124.                                        <li class="tb-megamenu-item level-4 mega">
  125.                                           <a href="http://microdent.emexs.es/?q=es/instrumental-de-cirugia-microdent-system" class="">
  126.                                           INSTRUMENTAL DE CIRUGÍA          </a>
  127.                                        </li>
  128.                                        <li class="tb-megamenu-item level-4 mega">
  129.                                           <a href="http://microdent.emexs.es/?q=es/kit-de-cirugia-system" class="">
  130.                                           KITS QUIRÚRGICOS          </a>
  131.                                        </li>
  132.                                     </ul>
  133.                                  </div>
  134.                               </li>
  135.                            </ul>
  136.                         </div>
  137.                      </li>
  138.  
  139.                      <!-- Nivel 2 -->
  140.                      <li class="tb-megamenu-item level-2 mega">
  141.                         <a href="http://microdent.emexs.es/?q=es/sistema-expansion-osea-microdent" class="">
  142.                         EXPANSIÓN ÓSEA          </a>
  143.                      </li>
  144.  
  145.                      <!-- Nivel 2 -->
  146.                      <li class="tb-megamenu-item level-2 mega">
  147.                         <a href="http://microdent.emexs.es/" class="">
  148.                         ORTODONCIA          </a>
  149.                      </li>
  150.  
  151.                      <!-- Nivel 2 -->
  152.                      <li class="tb-megamenu-item level-2 mega">
  153.                         <a href="http://microdent.emexs.es/?q=es/regeneracion-osea-biomateriales" class="">
  154.                         REGENERACIÓN ÓSEA          </a>
  155.                      </li>
  156.                   
  157.                   </ul>
  158.                </div>
  159.             </li>
  160.  
  161.             <!-- Nivel 1 -->
  162.             <li class="tb-megamenu-item level-1 mega dropdown">
  163.                <a href="/?q=es/subhome-formaci%C3%B3n" class="dropdown-toggle">
  164.                FORMACIÓN          </a>
  165.                <div class="mega-dropdown-inner">
  166.                   <ul>
  167.  
  168.                      <!-- Nivel 2 -->
  169.                      <li class="tb-megamenu-item level-2 mega">
  170.                         <a href="http://microdent.emexs.es/?q=es/home" class="">
  171.                         COMITÉ CIENTÍFICO          </a>
  172.                      </li>
  173.  
  174.                      <!-- Nivel 2 -->
  175.                      <li class="tb-megamenu-item level-2 mega">
  176.                         <a href="/?q=es/subhome-formaci%C3%B3n" class="">
  177.                         CURSOS          </a>
  178.                      </li>
  179.                   </ul>
  180.                </div>
  181.             </li>
  182.  
  183.             <!-- Nivel 1 -->
  184.             <li class="tb-megamenu-item level-1 mega dropdown">
  185.                <a href="http://microdent.emexs.es/?q=es/content/videoteca" class="dropdown-toggle">
  186.                VIDEOTECA          </a>
  187.                <div class="mega-dropdown-inner">
  188.                   <ul>
  189.  
  190.                      <!-- Nivel 2 -->
  191.                      <li class="tb-megamenu-item level-2 mega">
  192.                         <a href="http://microdent.emexs.es/?q=es/videoteca-expansion-osea" class="">
  193.                         EXPANSIÓN ÓSEA          </a>
  194.                      </li>
  195.  
  196.                      <!-- Nivel 2 -->
  197.                      <li class="tb-megamenu-item level-2 mega">
  198.                         <a href="http://microdent.emexs.es/?q=es/content/v%C3%ADdeo-expansi%C3%B3n-osea" class="">
  199.                         FORMACIÓN CONTINUADA          </a>
  200.                      </li>
  201.                   </ul>
  202.                </div>
  203.             </li>
  204.          </ul>
  205.       </div>
  206.    </div>
  207. </div>
Última edición por pzin; 25/04/2015 a las 00:34 Razón: formato código