Staff en línea

Página 1 de 2. 1, 2  Siguiente

[Resuelto] Transparencia en Widgets
Tema iniciado por y Añadir a favoritos

[Resuelto] Transparencia en Widgets 
el Mar Ago 16, 2016 11:48 am
URL:: http://www.s0ulacademy.com/
Versión de mi foro:: Punbb
Navegador:: Chrome

Descripción del problema: Hola! bueno mas que un problema es una duda, me gustaría saber si existe la posibilidad de darle un efecto de transparencia a los Widgets así como se ve en la imagen.

Capturas de pantalla del problema



Mensaje automático



[ok]Cierro tema, y muevo a Temas resueltos[/ok]
LostSoul
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

47


Puntos :

69


Me gusta :

10


ingreso :

13/08/2016


Sexo :

Masculino

Plataforma :

punbb


Navegador :

Chrome


Ver perfil de usuario http://www.s0ulacademy.com/

Volver arriba Ir abajo

Re: [Resuelto] Transparencia en Widgets 
el Mar Ago 16, 2016 12:24 pm
staff
Claro, es posible :P
RinC
avatar

¿Que estoy pensando? :

Ni se te ocurra -_- [table class=fecha_up][td]Se modifico:29/03/18 - 17:44 hrs. [/td][/table]


Banner en temas :

♥♥Open♥♥


Color de titulos :

#DF7401


Sombra titulo :

1px 1px 1px #fff


Mensajes :

789


Puntos :

1147


Me gusta :

198


ingreso :

28/01/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [Resuelto] Transparencia en Widgets 
el Mar Ago 16, 2016 12:28 pm
staff
Código:
.module .main-content {
    background: rgba(242, 242, 242, 0.41)
}

Busca este otro código y borralo
Código:
.pun .main-content {
    background-color: rgb(255, 255, 255);
RinC
avatar

¿Que estoy pensando? :

Ni se te ocurra -_- [table class=fecha_up][td]Se modifico:29/03/18 - 17:44 hrs. [/td][/table]


Banner en temas :

♥♥Open♥♥


Color de titulos :

#DF7401


Sombra titulo :

1px 1px 1px #fff


Mensajes :

789


Puntos :

1147


Me gusta :

198


ingreso :

28/01/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [Resuelto] Transparencia en Widgets 
el Mar Ago 16, 2016 12:42 pm
Quedo genial @RinC, muchas gracias! por cierto también se puede a las cabeceras del titulo del widget?
LostSoul
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

47


Puntos :

69


Me gusta :

10


ingreso :

13/08/2016


Sexo :

Masculino

Plataforma :

punbb


Navegador :

Chrome


Ver perfil de usuario http://www.s0ulacademy.com/

Volver arriba Ir abajo

Re: [Resuelto] Transparencia en Widgets 
el Mar Ago 16, 2016 12:44 pm
staff
Claro, dame un seg
RinC
avatar

¿Que estoy pensando? :

Ni se te ocurra -_- [table class=fecha_up][td]Se modifico:29/03/18 - 17:44 hrs. [/td][/table]


Banner en temas :

♥♥Open♥♥


Color de titulos :

#DF7401


Sombra titulo :

1px 1px 1px #fff


Mensajes :

789


Puntos :

1147


Me gusta :

198


ingreso :

28/01/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [Resuelto] Transparencia en Widgets 
el Mar Ago 16, 2016 12:46 pm
staff
Código:
div#right .main-head {
    background: rgba(72, 97, 117, 0.12);
}

Vas a colocar una imagen de fondo como el foro de prueba que enseñaste? porque con un color solido como fondo no se aprecia la transparencia. Solo parece que has cambiado el color xD
RinC
avatar

¿Que estoy pensando? :

Ni se te ocurra -_- [table class=fecha_up][td]Se modifico:29/03/18 - 17:44 hrs. [/td][/table]


Banner en temas :

♥♥Open♥♥


Color de titulos :

#DF7401


Sombra titulo :

1px 1px 1px #fff


Mensajes :

789


Puntos :

1147


Me gusta :

198


ingreso :

28/01/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [Resuelto] Transparencia en Widgets 
el Mar Ago 16, 2016 12:56 pm
Estaba pensando eso mismo haha, voy a modificar un poco ese lado del fondo, por cierto @RinC se quedo una rayo del color anterior?

LostSoul
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

47


Puntos :

69


Me gusta :

10


ingreso :

13/08/2016


Sexo :

Masculino

Plataforma :

punbb


Navegador :

Chrome


Ver perfil de usuario http://www.s0ulacademy.com/

Volver arriba Ir abajo

Re: [Resuelto] Transparencia en Widgets 
el Mar Ago 16, 2016 12:59 pm
staff
Borra el código anterior y pon este:
Código:
div#right .main-head {
    background: rgba(72, 97, 117, 0.12);
    border: none;
}
RinC
avatar

¿Que estoy pensando? :

Ni se te ocurra -_- [table class=fecha_up][td]Se modifico:29/03/18 - 17:44 hrs. [/td][/table]


Banner en temas :

♥♥Open♥♥


Color de titulos :

#DF7401


Sombra titulo :

1px 1px 1px #fff


Mensajes :

789


Puntos :

1147


Me gusta :

198


ingreso :

28/01/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [Resuelto] Transparencia en Widgets 
el Mar Ago 16, 2016 1:13 pm
Muy bien @RinC ahora si quedo, pero mira cuando quite este código
Código:
.pun .main-content{ background-color:#FFFFFF; border:1px solid ##FFFFFF; border-width:1px 1px 0.1em}
para que funcionara la transparencia me paso esto.



Casi todo el cuadro de respuesta a desaparecido.
LostSoul
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

47


Puntos :

69


Me gusta :

10


ingreso :

13/08/2016


Sexo :

Masculino

Plataforma :

punbb


Navegador :

Chrome


Ver perfil de usuario http://www.s0ulacademy.com/

Volver arriba Ir abajo

Re: [Resuelto] Transparencia en Widgets 
el Mar Ago 16, 2016 1:36 pm
staff
Ok, coloca este código entonces, sustituyelo por el anterior:
Código:
div#right .main-head {
  background: rgba(72, 97, 117, 0.12)!important;
  border: none;
}
.pun .main-content{
background-color:#FFFFFF;
border:1px solid #FFFFFF;
border-width:1px 1px 0.1em}
RinC
avatar

¿Que estoy pensando? :

Ni se te ocurra -_- [table class=fecha_up][td]Se modifico:29/03/18 - 17:44 hrs. [/td][/table]


Banner en temas :

♥♥Open♥♥


Color de titulos :

#DF7401


Sombra titulo :

1px 1px 1px #fff


Mensajes :

789


Puntos :

1147


Me gusta :

198


ingreso :

28/01/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

 En la misma categoria


Permisos de este foro:
No puedes responder a temas en este foro.