Sufijo clase del modulo Joomla: modificar

Visitas: 20871
Modulo Joomla
Jueves, 07 de Enero de 2010 15:54

Tema relacionado:

Modulo Vinaora Visitors Counter
 
Veamos que hay que hacer para modificar el Sufijo clase del modulo, esa casilla que aparece en la mayor parte de las pantallas de configuracion de cada modulo Joomla y a la que nadie hace puñetero caso.

Como veis, en ésta misma web he situado en la columna de la izquierda una sucesión de módulos verticales y todos responden a las mismas instrucciones del css (color de fondo, color, tamaño y tipo de las letras, etc...), vamos a cambiárselo a uno solo, como ejemplo cambiaremos el color de las letras del modulo Vinaora Visitors Counter, aqui titulado Nos han visitado, veamos el proceso.
Primero, y gracias a Firebug, descubrimos cuál és la clase del css que gobierna el output del color de las letras en los modulos de nuestro Template: table.moduletable_menu



vamos al archivo template.css (o su substituto) de nuestro template, lo abrimos con un editor de textos y buscamos la clase y la línea (157 gracias Firebug) donde están las instrucciones de color de la fuente del cuerpo (no del título) del modulo:

table.moduletable td, table.moduletable_menu td{
    padding-top: 2px;
      color              : #97DF16;
        }


Ahora, hacemos un hueco debajo y copiamos las instrucciones, substituyendo el moduletable_menu por moduletable_mbis (u otro cualquera), con lo cual hemos creado la clase nueva moduletable_mbis cuyo sufijo será: _mbis (acordaros porque lo necesitaréis), ahora podemos introducir la modificación; para que se note la diferencia pondremos las letras de un color discreto: naranja chillón, para eso substituimos la última instrucción (color: #97DF16;) por (color: #FC8F30;) y nos queda:

table.moduletable td, table.moduletable_menu td{
    padding-top: 2px;
      color              : #97DF16;
        }
table.moduletable td, table.moduletable_mbis td{
    padding-top: 2px;
      color              : #FC8F30;
        }


guardamos los cambios en el archivo template.css y vamos a la ficha del modulo Vinaora Visit Counter o mod_vvisit_counter, abrimos la ficha e insertamos el sufijo  _mbis dentro de la casilla Sufijo de la clase del modulo:


guardamos el cambio, cerramos la ficha del módulo, recargamos la página y:


vemos que este modulo Joomla tiene una clase de Css distinta a la de los otros que están en la misma posición en nuestra web, evidentemente, podéis realizar los cambios que queráis y aplicarlos a los módulos que deseéis.

 

Comentarios  

 
#3 RE: Sufijo clase del modulo Joomla: modificar 17-07-2011 17:01
gracias me re sirvio :) saludos
 
 
#2 RE: Sufijo clase del modulo Joomla: modificarFederico Piccoli 10-08-2010 22:04
Cito a Andres Quintana:
TENES IDEA DE COMO CAMBIAR EL COLOR DE LOS MODULOS EN LA JA TELINE 3...

Ciao
Por favor escribid solo comentarios relacionados con este tema
 
 
#1 RE: Sufijo clase del modulo Joomla: modificarFederico Piccoli 17-06-2010 10:04
Cito a chupaky:
señor o señora hijo de.....

Ciao

Seguro que el ron de Medellin és muy bueno, pero has tomado demasiado , duerme la mona y prepara las aspirinas.

Dales mis recuerdos a todos los de EDATEL S.A. E.S.P
 
Tutoriales por temas

Joomla 1.5

Componentes
Modulos
Plugins
Templates

Joomla 1.6

Componentes
Templates

Otros

Movil
Posicionamiento web
Servidores
Temas diversos
Varios

Otros videos Joomla
Niveles de acceso de usuarios en Joomla 3.1
Gestor de usuarios en Joomla 3.1

Los grupos de usuarios en Joomla 3.1
Seguridad Joomla: permisos de carpetas y archivos
Seguridad en Joomla con .htaccess
Joomla hackeado: buscador de scripts malevolos
Maximenu Ck para Joomla 2.5
Art total menu para Joomla 2.5 y 3
Menus Joomla
Pagina de error (403,404, etc...) personalizada
Añadir nuevo menu en Joomla 3.1
Google Adsense insertar script con un editor en Joomla
Facebook Like Box Genius un modulo
Facebook Share Button plugin
Facebook Slider Widget modulo para Joomla
Facebook Likebox Slider un modulo para Joomla
Modulo Twitter Widget Slider
Modulo Ultimate Twitter Sidebar
Twitter Button Module
Youtube Widget Slider un modulo para mostrar un video
Youtube un plugin para embeber videos
Shape5 Contact un modulo de contacto
Rapid Contact un modulo de contacto para Joomla
Modulo de contacto con campos personalizados
Modulo de contactos Responsive Contact Form para Joomla
Plugin Masters Articles Contact Form para articulos de Joomla
Mapas de Google con el modulo VTEM Gmap
Los 50 manuales más leidos
www.video-tutorial.biz
Web de video tutoriales sobre Joomla, con secciones específicas sobre Virtuemart, videos sobre templates y tambien acerca de Css y los cms Drupal, Moodle, Oscommerce, Prestashop y Wordpress, así como aplicaciones para el diseño web y servidor.
Blog sobre video tutoriales

Blog sobre video tutoriales donde encontrareis experiencias y consejos para realizar vuestros video tutoriales y manuales sobre Camtasia
y tambien el blog de video-tutorial.biz, además de una web sobre video tutoriales de Joomla y otra de video tutoriales de wordpress.

Búsqueda general

Video Tutorial Joomla: manuales de componentes, modulos y plugins de Joomla
Copyright © 2008 - 2012 Video tutorial Joomla - Todos los derechos reservados