Este es un pequeño tutorial de como crear los items del menú en dos lineas como se ha visto en las plantillas de pago del Joomla.

Primero y antes que nada copiar el default.php del modulo “mod_mainmenu” en el directorio de “html” del template que estamos editando o diseñando

Copiar -> root\modules\mod_mainmenu\tmpl\default.php  a -> root\templates\NombrePlantilla\html\mod_mainmenu\default.php

Luego abrir con el archivo copiado para editarlo y copiar la siguiente linea entre la linea nro 75.

// Código para poner el item del menu en dos lineas
	if (isset($node->_children[0]) && isset($node->_children[0]->span[0])) {
		$title = $node->_children[0]->span[0];
		$split = explode('//', $title->data(), 2);
		if (count($split) == 2) {
			$span =& $node->_children[0]->span[0]->addChild('span', array('class' => 'title'));
			$span->setData(trim($split[0]));
			$span =& $node->_children[0]->span[0]->addChild('span', array('class' => 'sub'));
			$span->setData(trim($split[1]));
		}
	}

y el resultado seria este en el html interpretado en el navegador

<li class="active item16" id="current">
  <a href="/index.php?option=xxxxx">
    <span>
      <span class="title">Ubicación</span>
      <span class="sub">Direcciones</span>
    </span>
  </a>
</li>

El resto es el CSS

.topmenu li span.title{ display:block; margin:10px 0 0 0; color:#12266B; font-weight:bold; font-size:13px;}

.topmenu li span.sub{ display:block; margin:1px 0 7px 0; font-size:11px; font-style:italic; color:#fff;}

Como ven lo que hace el código es agregar dos spans con clases de title y sub estos se separan por “//” que se tienen que agregar en el administrador de joomla al crear el menu:

Todos los estilos y el código que separa los span se pueden editar a gusto, así que no tengan miedo en experimentar.