Viernes, 27 Mayo 2011 20:45

Sufijos de módulos en Joomla - 2/2

Escrito por 
CMS:  Joomla! |  Versión:  Todas |  Nivel de dificultad:  Básico |  Tiempo estimado de lectura:  15 minutos


ico sufijosLos sufijos son una característica de los templates en joomla y nos permiten cambiar la apariencia de los módulos que se muestran en nuestro sitio web, redefiniendo las clases CSS que se usan para visualizarlos.

En esta segunda parte veremos cómo crear sufijos personalizados para un template Joomla, utilizaremos el template comercial yourshop de la empresa gavick. 

 

1- Definiendo el nombre del sufijo en el módulo

Definimos un nombre de nuestro nuevo sufijo y lo colocaremos en la configuración del módulo, tal como se muestra en la siguiente imagen, para este artículo llamaremos al nuevo sufijo " colorblack" con un espacio delante para que no se pierda los estilos de la clase "moduletable".

Finalmente el código html será como :

class="moduletable colorblack"

 

2- Colocando código en el archivo de estilos

Luego que hemos definido el nombre, agregamos el nuevo nombre de clase en el archivo de estilos del template

.moduletable.colorblack > h3 {
color: #fff;
background:url(../images/moduletable_headerblack.png);
margin: -1px -1px 0 -1px;
padding:0;
}
.moduletable.colorblack > h3 span {
display: block;
height: 32px;
padding:0 10px;
font-style:italic;
}
.moduletable.colorblack .moduletable_content{
background:#FFFED1;
}

 

Resultado Final

Aplicando el sufijo definido " colorblack" al módulo de categorías lucirá como la siguiente imagen

 

En el siguiente video se explica cómo agregar un sufijo de módulo personalizado a un sitio web de ejemplo

 


¿Te ha resultado interesante este artículo?

Suscríbete para recibir consejos exclusivos para WordPress, Joomla y PrestaShop