Avisos
Vaciar todo
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
Respondido : 01/09/2011 8:28 am
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,
Respondido : 01/09/2011 9:16 am
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,
Respondido : 01/09/2011 10:09 am
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,
Respondido : 01/09/2011 10:53 am
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,
Respondido : 01/09/2011 11:13 am
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,
Respondido : 01/09/2011 11:18 am
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
Respondido : 01/09/2011 11:47 am
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,
Respondido : 01/09/2011 12:13 pm
