Ver Mensaje Individual
  #2 (permalink)  
Antiguo 29/06/2009, 04:19
Avatar de Larenz
Larenz
Colaborador
 
Fecha de Ingreso: enero-2007
Ubicación: Nicaragua
Mensajes: 1.398
Antigüedad: 17 años, 11 meses
Puntos: 55
Respuesta: Problema simple, pero de dolor de cabeza con "page class suffix"

En los parámetros del Class Suffix lo que se agrega es un sufijo. Por ejemplo para mostrar módulos normalmente el código que encubre el un módulo es el div.moduletable, por ende los otros css que van serían el div.moduletable h3, div.moduletable p, etc.

Con este código [div.moduletable] lo que logras es una modificación globalizada de los módulos en estilo. Pero con los sufijos logras una modificación específica.

Para darte un ejemplo digamos que todas tus listas [ul li] al pasar el mouse encima del link se sombrean, pero resulta que para el módulo de las Ultimas Noticias quieres que al pasar el mouse encima de los links, éstos se subrayen... entonces tendrías que crear un sufijo para que sólo trabaje con el módulo de Ultimas Noticias...

En este caso tendrías que crear en tu hoja de estilos algo así:

Código:
div.moduletable_lastnews ul {
    margin: 0;
    padding: 0;
    list-style-image: none;
}

div.moduletable_lastnews ul li {
   /*aqui configura tu lista: padding, margin, etc.*/
}

div.moduletable_lastnews ul li a {
  /* aqui configura el link de tu lista: text-decoration, text-transform, etc. */
}
Incluso puedes editar el header de ese determinado módulo:

Código:
div.moduletable_lastnews h3 {
    /*aqui editas el header: padding, margin, line-height, font, etc. */
}
Ahora el sufijo tendrías que agregarlo en el módulo en cuestión. En este caso sería el módulo de últimas noticias. Tendrías que agregarle solamente el sufijo, que en este caso seria: _lastnews

Eso sería todo para que te trabajara el sufijo.