Ayuda Joomla! | Tutoriales y Foros joomla!

Extensiones Joomla!
Está aquí: Home Tutoriales Añadir un Sufijo a la clase en Modulos Joomla!

Añadir un Sufijo a la clase en Modulos 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...

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

Vamos al template.css de la plantilla, 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.

Varios enlaces para mas instrucciones:

Conociendo los estilos Joomla - Documentacion sobre uso de sufijo de clases en modulos - Uso de los estilos propios de Joomla! - Como utilizar Firebug

Comentarios   

 
+2 #2 Buen aporterobert 02-11-2012 23:52
Una buena forma de personalizar módulos joomla!
Reportar al moderador
 
 
+16 #1 Me fubciono perfecto!marcolo 01-11-2012 07:06
Funciona perfecto, ahora POR FIN! tengo el estilo de mis módulos joomla como yo queria. Gracias amigos.
Reportar al moderador
 

Debe registrarse para poder Comentar

Crear un Negocio Rentable en internet....
Presupuesto tienda online En estos tiempos que vivimos de crisis generalizada, personas que nunca pensaron que iban a tener nada que ver con internet y menos montar una tienda online, hoy dia lo ven como una salida a la situacion generada......
Plantillas web Joomla! para Móviles RWD
Plantillas Responsive Web Design Todos conocemos el avance imparable de la nueva forma de navegación a través de nuestro inseparable teléfono móvil y que el futuro ya ha llamado a nuestra puerta......
Extensiones joomla! a Medida
Creación Extensiones joomla! a Medida Creación extensiones Joomla! a medida, para su empresa y o negocio, le daremos forma a su idea. Con estilo original y profesional....

Suscribete a los Boletines para recibir las últimas novedades.

Suscribirse

Suscribete a los Boletines para recibir las últimas novevdades.