Recordad que para pedir soporte alguno, debéis facilitar los datos de soporte oportunos por favor, mirad aquí y leer las Normas generales del foro, esto nos servirá de ayuda para dar el mejor soporte..

Gracias.

La Administración de phpBB España.

Como conseguir la transparencia de imagenes .pngTema Solucionado

Dudas sobre estilos phpBB 3.0.x
Colaboraciones gráficas paquetes de rangos aquí y botones aquí.
Cerrado

0
No hay votos
 
Votos totales: 0

cu3rvac30
Observador/a
Mensajes: 34
Registrado: 18 Jun 2010, 05:25

Como conseguir la transparencia de imagenes .png

#1

Mensaje por cu3rvac30 »

Mi problema ahora, es como conseguir la transparencia de imagenes .png ya que lo que deberia ser transparente aparece así, adjunto imagen:

Imagen

Quiero utilizar, imagenes png con transparencias para que se vea el fondo del foro. conozco el jquery.js para html pero ¿hay alguna forma de implementarlo para php o algo similar para conseguir el mismo efecto? ¿He buscado en la lista de Mods a ver si habia algo al respecto pero no he conseguido encontrarlo ¿Hay alguno?

O directamente es imposible y tengo que buscar otra solución



Muchas graciasURL: http://soyvikingo.freeoda.com/index.php
Versión phpBB: phpBB3 (3.0.7)
MODs Instalados: Ninguno
Plantilla(s) usada(s): 610nm (En proceso de modificación)
Servidor: --
Actualización desde otra versión: No
Conversión desde otro sistema de foros: No

Código: Seleccionar todo

[b]Url[/b]: http://www.soyvikingo.es
[b]Versión phpBB[/b]: phpBB3 (3.07)
[b]MODs Instalados[/b]: No
[b]Plantilla(s) usada(s)[/b]: Proformell (Modificada)
[b]Servidor[/b]: Linux
[b]Actualización desde otra versión[/b]: No
[b]Conversión desde otro sistema de foros[/b]: No

Avatar de Usuario
HuanManwe
Ex Staff
Mensajes: 5078
Registrado: 20 Jun 2006, 18:21
Género:
Edad: 51

Re: Como conseguir la transparencia de imagenes .png  Tema Solucionado

#2

Mensaje por HuanManwe »

El problema de la transparencia de los archivos PNG que se crearon como transparentes es un problema "típico". Sepude solucionar usando solamente CSS aunque la solución para Firefox es distinta que para el IE (y no sé si en ese caso es distinta para versiones anteriores a IE6 y otra solución para versiones posteriores).

No tengo el código a mano, pero en internet hay infinidad de páginas que tratan eese problema.

Der Mensch schuf Gott nach seinem eigenen Bild

Berlín siempre estará en mi corazón. Auf wiedersehen, Berlin!!


cu3rvac30
Observador/a
Mensajes: 34
Registrado: 18 Jun 2010, 05:25

Re: Como conseguir la transparencia de imagenes .png

#3

Mensaje por cu3rvac30 »

Finalmente he optado por quitar la parte transparente de las imagenes, se que es lo mas facil pero bueno... Gracias

Código: Seleccionar todo

[b]Url[/b]: http://www.soyvikingo.es
[b]Versión phpBB[/b]: phpBB3 (3.07)
[b]MODs Instalados[/b]: No
[b]Plantilla(s) usada(s)[/b]: Proformell (Modificada)
[b]Servidor[/b]: Linux
[b]Actualización desde otra versión[/b]: No
[b]Conversión desde otro sistema de foros[/b]: No

Avatar de Usuario
DaVidU
Ex Staff
Mensajes: 776
Registrado: 08 Oct 2009, 12:24
Edad: 49

Re: Como conseguir la transparencia de imagenes .png

#4

Mensaje por DaVidU »

en este caso todo es cuestión de photoshop amigo, las transparencias como ya te han dicho desgraciadamente es lo mismo de siempre, incompatibilidad con otros navegadores (ie)
mi consejo es que uses estas imágenes:
Spoiler
footer_bg.gif
Imagen

footer_left.gif
Imagen

footer_right.gif
Imagen
este fue mi resultado:
Imagen

espero te sirva de algo :cerveza:

PD: Diste el tema como solucionado mientras te escribía esto :ops
Datos de mi foro en caso de soporte:
URL: http://coloreatuforo.com
Versión phpBB: phpBB 3.0.8
MODs Instalados: + de 100 MODs
Plantilla(s) usada(s): Prosilver modificada
Servidor: Linux
Actualización desde otra versión: 3.0.1
Conversión desde otro sistema de foros: No

Avatar de Usuario
HuanManwe
Ex Staff
Mensajes: 5078
Registrado: 20 Jun 2006, 18:21
Género:
Edad: 51

Re: Como conseguir la transparencia de imagenes .png

#5

Mensaje por HuanManwe »

Creo que el código era algo como esto:

Poner a cualquier elemento la class=transparente y en el CSS escribir:

Código: Seleccionar todo

.transparente{
z-index:1;filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
} 
Para IE8 y superior poner a cualquier elemento la class=IE8 y en el CSS escribir:

Código: Seleccionar todo

.IE8{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: .5;
} 
Prueba a ver si te funciona.

Der Mensch schuf Gott nach seinem eigenen Bild

Berlín siempre estará en mi corazón. Auf wiedersehen, Berlin!!


Avatar de Usuario
DaVidU
Ex Staff
Mensajes: 776
Registrado: 08 Oct 2009, 12:24
Edad: 49

Re: Como conseguir la transparencia de imagenes .png

#6

Mensaje por DaVidU »

de la misma manera se puede hacer transparencia directamente a las imágenes por lo que veo con puro html:
http://www.w3schools.com/Css/css_image_transparency.asp

pero vamos para phpbb3 se recomienda tocar las etiquetas css como bien te ha explicado nuestro compañero HuanManwe :cerveza:
Datos de mi foro en caso de soporte:
URL: http://coloreatuforo.com
Versión phpBB: phpBB 3.0.8
MODs Instalados: + de 100 MODs
Plantilla(s) usada(s): Prosilver modificada
Servidor: Linux
Actualización desde otra versión: 3.0.1
Conversión desde otro sistema de foros: No

cu3rvac30
Observador/a
Mensajes: 34
Registrado: 18 Jun 2010, 05:25

Re: Como conseguir la transparencia de imagenes .png

#7

Mensaje por cu3rvac30 »

Gracias lo probare en el sitio de test antes de nada, muchisimas gracias por vuestra ayuda.

Davidu, sorry jejeje No quiero causaros demasiadas molestias, que estais tela de ocupados :p

Gracias Huan Manwë y Davidu por vuestra rapida respuesta, ya os comento

Código: Seleccionar todo

[b]Url[/b]: http://www.soyvikingo.es
[b]Versión phpBB[/b]: phpBB3 (3.07)
[b]MODs Instalados[/b]: No
[b]Plantilla(s) usada(s)[/b]: Proformell (Modificada)
[b]Servidor[/b]: Linux
[b]Actualización desde otra versión[/b]: No
[b]Conversión desde otro sistema de foros[/b]: No

Cerrado

Volver a “Soporte para Estilos phpBB 3.0.x”