Avisos
Vaciar todo

sufijo de módulo  

 
Ignacio
 Ignacio
Usuario experto

Hola
He visto los videos para utilizar los sufijos de modulo y he intentado crear un sufijo personalizado, para cambiar en la página de inicio, la fuente del título que sale en las fotos del slideshow de Image Show GK4 a Arial y un tamaño de 20px, pero algo debo estar haciendo mal porque no lo consigo.
Con firebug veo que el fichero css que lo controla es: ../modules/module_image_show_gk4/styles/gk_black_and_white/style.css, y la clase es .gkIsWrapper-gk_black_and_white .gkIsText.

He editado ese fichero y he añadido la siguientes líneas:
/*sufijo jih*/
.jih h4 { font-size:20px; line-height: 28px; font-family: arial, sans-serif; font-weight: normal; }
Este es el fichero style.css:

En el modulo de Image Show GK4 he puesto jih como sufijo de modulo, con espacio delante.
De esta forma:

¿Alguna ayuda?

Muchas gracias

URL del sitio: http://www.nwtrips.com/

Citar
Respondido : 15/06/2012 5:56 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Ignacio

Al revisar el código fuente de tu pagina http://www.nwtrips.com/ , no encontré el sufijo en el módulo , has quitado o cambiado el sufjijo?

Es posible además que dependiendo del estilo de la plantilla la posición no muestre los sufjijos de módulo, prueba cambiando el módulo en otra posición y verifica si se muestra.

Finalmente comentar que en este caso no es necesario utilizar sufjijos ya que sólo se mostrará un slide en tu sitio web y puedes cambiar los estilos directamente utilizando las clases existentes.

Saludos.

ResponderCitar
Respondido : 15/06/2012 8:38 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Ignacio
 Ignacio
Usuario experto

Hola Jhon

Tienes razón, puedo cambiar los estilos directamente en el fichero style.css, ya que no creo que reutilice el modulo en otra página, pero me pareció que era interesante practicar el tema de los sufijos del módulo.

Pero no entiendo lo que pasa, es como si no encontrase la clase jih.
No sé porque no lee el sufijo y cuando se inspecciona la página con firebug no lee el código del sufijo y por eso no lo presenta. Por eso envío esas capturas de pantalla por si ahí veis algo.
No sé que estoy haciendo mal

Gracias

Un saludo

ResponderCitar
Respondido : 15/06/2012 10:17 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola Ignacio,

Para definir el sufijo dentro de dicha plantilla creo que no se esta definiendo correctamente, los sufijos los puedes ver en la siguiente url: http://demo.gavick.com/joomla15/oct2010/index.php?option=com_content&view=article&id=47&Itemid=59 ,notarás los sufijos hacen el llamado a la ruta: /templates/gk_blackandwhite/css/template.css por ahí puede partir el problema.

Saludos.

ResponderCitar
Respondido : 15/06/2012 10:46 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Ignacio
 Ignacio
Usuario experto

Hola Johnny

Esos son los sufijos predefinidos de la plantilla Black & White, pero yo estoy intentando hacer un sufijo personalizado para el módulo Image Show GK4.
Lo estoy haciendo en el fichero style.css que está en el directorio ../modules/module_image_show_gk4/styles/gk_black_and_white/, que es el que controla la letra del título. Y de hecho si cambio el tipo de letra de la clase .gkIsText en ese fichero, el tipo de letra cambia perfectamente.
He probado a crear la clase jih en el fichero template.css de la plantilla pero tampoco me funciona.

En fin que ando algo perdido. Es la primera vez que intento hacer un sufijo personalizado.

Gracias

Un saludo

ResponderCitar
Respondido : 15/06/2012 11:00 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola Ignacio,

Puedes enviarnos una captura del modulo que deseas modificar. Cuando ingresar un estilo en el parámetro Module suffix haces un llamado a los estilos de los modulos de la plantilla. En todo caso con la captura podremos visualizar donde se encuentran localizados los estilos.

Saludos.

ResponderCitar
Respondido : 15/06/2012 11:23 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Ignacio
 Ignacio
Usuario experto

Hola Johnny

Aqui te envío una captura del módulo de Image Show GSK4.

No sé si es esto lo que quieres.

Dices que el parámetro que se pone el Module suffix hace una llamada a los modulos de la plantilla. Eso no lo entiendo muy bien. Lo que hacemos es colocar un módulo en una posición de la plantilla ¿No? y luego ese modulo tiene unos ficheros css que controlan el estilo del módulo. ¿O es que los sufijos de modulo se cambian en los ficheros css de la plantilla?

Creo que ando algo perdido

Gracias
Un saludo

ResponderCitar
Respondido : 15/06/2012 11:40 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola Ignacio,

Veo que dicho modulo lo tienes publicado en la posición banner1, pero en la plantilla no lo localizo, ¿Lo tienes ubicado en algún link especifico de la plantilla?

Saludos.

ResponderCitar
Respondido : 15/06/2012 11:54 pm

Cursos Gratuitos WordPress

Ignacio
 Ignacio
Usuario experto

Hola Johnny

Lo tengo en banner1 porque queda mejor que en header1.
Lo tengo asignado solo al menú de Inicio

Un saludo

Gracias

ResponderCitar
Respondido : 16/06/2012 12:17 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola Ignacio,

Te detallo de la siguiente manera como hace los llamados los estilos CSS:

1.- Parámetro Module suffix a los sufijos de la plantilla http://demo.gavick.com/joomla15/oct2010/index.php?option=com_content&view=article&id=47&Itemid=59 ubicados en la ruta: /templates/gk_blackandwhite/css/template.css

2.- Parámetro Modulo Style llama a los estilos ubicados en la ruta: /modules/mod_image_show_gk4/styles/gk_black_and_white/style.css

Te adjunto capturas para un mejor entendimiento:

Saludos.

ResponderCitar
Respondido : 16/06/2012 12:31 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Ignacio
 Ignacio
Usuario experto

Gracias Johnny

Lo investigaré un poco a ver si lo llego a entender un poco mejor.

Un saludo

ResponderCitar
Respondido : 16/06/2012 1:15 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

He realizado algunas pruebas y no me cuadra lo que te está pasando. Supongo que estás utilizando la plantilla Black & White de Gavick sobre Joomla 2.5.

En tal caso, he probado a poner un sufijo en un módulo de tipo Image Show GK4 situado en la posición header y veo que lo carga correctamente.

Sin embargo, si me voy a la página de inicio de tu web y busco dentro de su código fuente, no encuentro por ningún lado la cadena de texto "jih", lo que indica que no se está cargando el sufijo. Es posible que el problema esté por el hecho de colocar el módulo en la posición banner1. Prueba a ponerlo en la posición header para ver si así va.

ResponderCitar
Respondido : 18/06/2012 5:42 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Ignacio
 Ignacio
Usuario experto

Hola Pablo

Efectivamente tengo la plantilla Black&White para la versión 2.5 de Joomla!.

He cambiado el módulo a la posición header y tampoco me lee el código del sufijo.
El código está en el fichero style.css en http://www.nwtrips.com/modules/mod_image_show_gk4/styles/gk_black_and_white/style.css.

Lo curioso es que si a ti te funciona es que estoy haciendo algo mal y no sé el qué.

La verdad es que ya me había rendido y había escogido cambiar el Module style a gk_coffe que pone los títulos debajo de la foto y bueno no es excatamente como lo quería pero me puede valer.

Te agradezco tu respuesta porque si al final se consigue, habré aprendido bastante con el tema de los sufijos.

Lo tenía puesto en la posición banner1 porque en la posición header como podrás comprobar me descuadra las fotos.

Dejo el módulo momentaneamente en la posición header por si quieres echarle un vistazo

Muchas gracias

Un saludo

ResponderCitar
Respondido : 18/06/2012 6:33 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

HOla Ignacio

Actualmente ya se esta mostrando el sufijo en html, tal como se muestra en la pantalla adjunta
Tienes que ayudarte del sufijo para ir a parte más detalladas, es decir por ejemplo , si quieres trabaja con el contenedor, debes usar :

.jih .content #gkIs-gk-is-131{
/*codigo*/
}

Si quieres trabajar con el texto, por ejemplo :

.jih .content #gkIs-gk-is-131 .gkIsText h4{
font-size:10px;
}

La idea es que llegues al detalle de lo que quieres cambiar, definir una clase .jih es muy genérica y no tendrá efecto si tienes clases más específicas propias del template.

Saludos.

ResponderCitar
Respondido : 18/06/2012 11:58 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Ignacio
 Ignacio
Usuario experto

Hola Jhon

Ha sido vital tu información. He comprendido ahora como funciona.

Ya he cambiado el slideshow a la posición header, variando el padding en el fichero override.css de la plantilla y he cambiado el tipo de letra usando el sufijo como me has indicado.

Por mi el tema está cerrado.

Muchas gracias. 🙂

Un saludo

ResponderCitar
Respondido : 19/06/2012 5:27 pm