Avisos
Vaciar todo

Header en Purity II  

 
Jordi S.
 Jordi S.
Usuario activo

Buenos dias,

Uso Joomla versión 1.5.23 y tengo un problema con el header de la plantilla Purity II.

El tema es el siguiente: tengo puestas 8 imágenes para que se vayan alternando. Se visualizan bien pero la imagen que hace de máscara (header-mask.png) tiene transparencia "extra" con lo que siempre se me ven los extremos de las imágenes y se pierde el efecto de desvanecimiento de estas (lo podreis apreciar en la imagen adjunta).

El CSS para la sección de la máscara es el siguiente:

/* Header mask ---*/
.ja-headermask {
background: url(../images/header-mask.png) no-repeat top right;
display: block;
...

Aparentemente todo correcto, pero si utilizo Firebug me sale el atributo "transparent" en background:

.ja-headermask {
background: url("../images/header-mask.png") no-repeat scroll right top transparent;
display: block;
...

A ver si me podeis echar una mano a resolverlo. Gracias,

Jordi

Citar
Respondido : 01/09/2011 8:28 am
Jordi Sala
 Jordi Sala
Miembro Admin

Hola Jordi S,

Envíanos url del sitio web para que podamos ver el código, e indícanos que módulo estás usando.

Saludos,

ResponderCitar
Respondido : 01/09/2011 9:16 am

Cursos Gratuitos WordPress

Jordi S.
 Jordi S.
Usuario activo

Hola Jordi,

ahí va:

http://aumaes-cp38.webjoomla.es/

¿cuando dices módulo a qué te refieres?... creo que es el Header, el que trae por defecto la plantilla Purity II

Un saludo,

ResponderCitar
Respondido : 01/09/2011 10:09 am
Jordi Sala
 Jordi Sala
Miembro Admin

Hola Jordi S,

Viendo el original http://templates.joomlart.com/ja_purity_ii/ y comparando con tu sitio web http://aumaes-cp38.webjoomla.es/ veo que utilizan es mascara para difuminar y tiene unas dimensiones 602x80 pixeles, al igual que vemos que ambas tiene una zona central más pálida y los bordes más fuertes.

Saludos,

ResponderCitar
Respondido : 01/09/2011 10:53 am

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

Jordi S.
 Jordi S.
Usuario activo

Hola Jordi,

Sí, así es... el archivo que hace de máscara "header-mask.png" tiene una zona central más pálida con transparencia y los bordes más opacos, por lo que los bordes de las fotos no se tendrian que ver (quedarían ocultos por el blanco del archivo de máscara), pero no ocurre así... lo que ocurre es que el archivo de máscara tiene aplicada una transparencia por lo que los bordes opacos se transparentan.

si cogemos el archivo "header-mask.png" y una de las imágenes que tengo y los juntamos en Photoshop, el resultado es el siguiente (que es como se tendría que ver en la web):

En esta imágen no se ven sus extremos, pero en el header de la web si que se ven porque el archivo de máscara, a parte de su propia transparencia, tiene aplicada otra transparencia.

Un saludo,

ResponderCitar
Respondido : 01/09/2011 11:13 am
Jordi S.
 Jordi S.
Usuario activo

ui!!!!... ahora me doy cuenta de que también se ven los bordes de la imágen y que contrastan con el blaco del fondo... quiza tendría que darle más opacidad al archivo de máscara... verdad???... (si es así, lo siento, es fallo mio)
quietos!!!... voy a probar antes de que dediqueis más tiempo y os digo alguna cosa...

un saludo,

ResponderCitar
Respondido : 01/09/2011 11:18 am

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

Jordi S.
 Jordi S.
Usuario activo

mil gracias... gracias... gracias...

El problema creo que está en el archivo de máscara "header-mask.png". El degradado no tenía suficiente opacidad en los extremos. Ahora le he puesto más opacidad en los extremos y el resultado mejora bastante (creo que el error venía porque no trabajaba sobre un fondo blanco más ancho en PS y por eso no veía bien el efecto del degradado).

Lo que no acabo de entender es por qué el firebug me muestra la propiedad de transparent en el background, cuando en realidad en el CSS no está...

Un saludo,

Jordi

ResponderCitar
Respondido : 01/09/2011 11:47 am
Jordi Sala
 Jordi Sala
Miembro Admin

Hola Jordi S.,

Perfecto que se hay solucionado, y gracias por este feedback, mostrando la solución al resto de usuarios.

Respecto a Firebug, es una gran herramienta, desconozco porque ese comportamiento, pero como mucho otro software debe tener sus errores, y los desarrolladores los van solucionando.

Saludos,

ResponderCitar
Respondido : 01/09/2011 12:13 pm

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