Añadir un Sufijo a la clase en Módulos Joomla!

En ocasiones las vistas de nuestra plantilla joomla! no nos terminan de convencer y queremos darle nuestro toque personal, pero podemos llegar a creer que es algo fuera de nuestro alcance. Como todo solo es cuestion de informarse, practicar un poco antes de realizar los cambios en nuestra plantilla joomla, saber que herramientas necesitamos y con eso y leer un poco de informacion, veremos que no es tan complicado como en un principio podria parecer…

1.- Encontrar la clase del módulo

Leer, ya lo he dicho, es condicion necesaria e imprecindible, mas abajo les indico varios enlaces. para añadir un sufijo a la clase de un modulo Joomla necesitamos, primero averiguar a que clase le vamos a añadir un sufijo y donde se encuentra esa clase. Para eso necesitamos una herramienta que nos guie. Firebug es un complemento para el navegador firefox perfecto para esa labor, abajo de este tip joomla les dejo un tutorial. A modo de ejemplo vamos a cambiar el color de las letras un modulo. Con Firebug, vemos que clase del css controla el color de las letras en los modulos de nuestra plantilla, por ejemplo > table.moduletable_menu

2.- Editar archivo CSS / Less de la plantilla

Vamos al template.css de la plantilla, o si hablamos de plantillas de última generación buscaremos el archivo con extension .less generalmente llamado theme.less, lo editamos y buscamos la linea y clase donde estan las instrucciones de color de la fuente del cuerpo del modulo:

table.moduletable td, table.moduletable_menu td{
 padding-top: 3px;
 color              : #56F8JJ;
 }

Lo sustituimos por el siguiente codigo:

table.moduletable td, table.moduletable_menu td{
 padding-top: 3px;
 color              : #56F8JJ;
 }
table.moduletable td, table.moduletable_micolor td{
 padding-top: 3px;
 color              : #00FF00;
 }

Fijaros que hemos cambiado el color en el sufijo añadido a #00FF00, de tal forma que cuando añadamos el sufijo _micolor tomara ese color.
Guardamos y accedemos al modulo, lo editamos e insertamos el sufijo _micolor (guion bajo micolor) dentro del campo sufijo de la clase del modulo (Module Class suffix en ingles) y listo. Asi se añaden sufijos de clase para los modulos.

3.- Varios enlaces para mas instrucciones

Conociendo los estilos JoomlaDocumentacion sobre uso de sufijo de clases en modulosUso de los estilos propios de Joomla!Como utilizar Firebug

2 Comments

  1. marcolo 1 noviembre, 2012
  2. robert 2 noviembre, 2012

Leave a Reply