Índice

La barra de menús

1. La vista

La barra de menús está situada en la posición menus, en el elemento HTML5 <nav class="tabla">.

Deberemos comprobar primero si esta posición está siendo usada utilizando la condición PHP if(). De ser así, emplearemos el elemento <nav>, que contiene la inclusión <jdoc:include> con la posición menus. En la administración de los módulos situaremos el módulo de vista de la barra de menús.

<!-- Barra de menús --> 
<?php if ($this->countModules(’menús’)): ?> 
<nav class="tabla">  
  <jdoc:include type="modules" name="menus" style="none" />  
</nav>  
<?php endif; ?>

Observe que en esta inclusión utilizamos el style="none". Tenemos, por tanto, la lista de enlaces directamente, sin caja <div> ni título <h3>.

2. Los estilos CSS

Para la barra de menús crearemos una regla CSS simple que mostrará online los enlaces del menú. Después, si lo desea, podrá crear un diseño más elaborado que se ajuste a sus necesidades.

En el archivo template.css, introduzca las siguientes reglas:

/* La barra de menús */  
#menus ul {  
  margin: 0;  
  padding: 0;  
}  
#menus ul li {  
  list-style-type: none;  
  display: ...