Título de los módulos de Joomla! en un template hecho desde cero.

Al crear un template de Joomla! 3 desde cero, la manera básica de agregar una posición a nuestro template es esta:

<jdoc:include type="modules" name="top" style="xhtml" />

Explicando esto tenemos que: type le indica al sistema que es un módulo lo que estamos agregando, name es el nombre de la posición que estamos agregando (en este caso top) y style es el Module Chrome de Joomla, en este caso es xhtml (más aquí de los Standars Module Chromes).

Por default el style="xhtml"  le da al título del módulo un H3 como estilo, si queremos modificar esto podemos hacerlo en el CSS aplicando la siguiente subclase:

.top h3 {
	font-size: 15px;
	color: #76C0DE;
	margin: 0;
}

Con lo cual le estamos diciendo que le aplique específicamente estos estilos al H3 dentro de la posición top del Joomla!

Esto es algo muy rudimentario pero sirve para mostrarnos cómo realmente funciona el sistema de los títulos de los módulos en Joomla!


Artículos Relacionados