Staff en línea

Página 1 de 2. 1, 2  Siguiente

[Resuelto] Como se hace este efecto como de "sombreado" en el índice del foro?
Tema iniciado por y Añadir a favoritos

[problema] Abajo lo digo
Versión de mi foro::phpb3
Navegador::G. Chrome
Descripcion del problema: No tengo problema, solo que me gustaría saber como se logra ese efecto, como si estuviera "desprendido" el índice del foro, no sé como explicarlo, o sea, que no se ve todo plano, todo pegado.
Capturas de pantalla del problema:

Spoiler:


.
Temas resueltos[/b][/ok]
BlueDiamante
avatar

¿Que estoy pensando? :

Las navidades se acercan y nuestro mundo no está feliz.... [table class=fecha_up][td]Se modifico:12/11/16 - 20:12 hrs.[/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

132


Puntos :

186


Me gusta :

36


ingreso :

17/10/2016


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Hola!

Código:
#wrap {
box-shadow: 10px 10px 20px #00000;
}

Juega un poco con los valores al gusto ^^
YoshiGM
avatar

¿Que estoy pensando? :

¿Cómo puedo ayudarte? :3 [table class=fecha_up][td]Se modifico:7/04/18 - 20:40 hrs. [/td][/table]


Banner en temas :

https://i.servimg.com/u/f19/13/45/80/80/banner10.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #555


Mensajes :

1126


Puntos :

1499


Me gusta :

213


ingreso :

17/12/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://www.yoshifansclub.net

Volver arriba Ir abajo

Nothing happened!

Llegué a hasta este número:

Código:
 #wrap {
box-shadow: 400px 400px 500px #00000;
}
BlueDiamante
avatar

¿Que estoy pensando? :

Las navidades se acercan y nuestro mundo no está feliz.... [table class=fecha_up][td]Se modifico:12/11/16 - 20:12 hrs.[/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

132


Puntos :

186


Me gusta :

36


ingreso :

17/10/2016


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

staff
@BlueDiamante deja el url de tu foro
Chalo
avatar

¿Que estoy pensando? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6679


Puntos :

8740


Me gusta :

1004


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

La dejo en el spoiler para no hacer spam

[bspoiler]http://www.expresionculturarte.com/forum
[/bspoiler]



.
BlueDiamante
avatar

¿Que estoy pensando? :

Las navidades se acercan y nuestro mundo no está feliz.... [table class=fecha_up][td]Se modifico:12/11/16 - 20:12 hrs.[/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

132


Puntos :

186


Me gusta :

36


ingreso :

17/10/2016


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Tu ya tienes un código de wrap y funciona

Código:
#wrap {
    background-color: #1a1a1f;
    border: 1px solid #7be087;
    margin: 0 auto;
    min-width: 951px;
    padding: 5px;
    width: 83%;
    box-shadow: 3px 2px 27px #ff2626;
}

Te puse una sombra roja pero pon la que quieras.. Los valores son como en photosho al poner una sombra paralela (Distancia, Extension y Tamaño)

YoshiGM
avatar

¿Que estoy pensando? :

¿Cómo puedo ayudarte? :3 [table class=fecha_up][td]Se modifico:7/04/18 - 20:40 hrs. [/td][/table]


Banner en temas :

https://i.servimg.com/u/f19/13/45/80/80/banner10.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #555


Mensajes :

1126


Puntos :

1499


Me gusta :

213


ingreso :

17/12/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://www.yoshifansclub.net

Volver arriba Ir abajo

Ya lo puse y le aumenté los numeritos, pero solo queda bien del lado derecho, del izq. se sigue viendo aplanado ¿por qué?
BlueDiamante
avatar

¿Que estoy pensando? :

Las navidades se acercan y nuestro mundo no está feliz.... [table class=fecha_up][td]Se modifico:12/11/16 - 20:12 hrs.[/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

132


Puntos :

186


Me gusta :

36


ingreso :

17/10/2016


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Los primeros 2 valores (3px y 2px) son los valores que te comentaba.. el ultimo es digamos la difuminacion de la sombra...
Podrías intentar poner valores negativos tipo -2px para que se recorra y probar
YoshiGM
avatar

¿Que estoy pensando? :

¿Cómo puedo ayudarte? :3 [table class=fecha_up][td]Se modifico:7/04/18 - 20:40 hrs. [/td][/table]


Banner en temas :

https://i.servimg.com/u/f19/13/45/80/80/banner10.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #555


Mensajes :

1126


Puntos :

1499


Me gusta :

213


ingreso :

17/12/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://www.yoshifansclub.net

Volver arriba Ir abajo

@YoshiGM escribió:.
Podrías intentar poner valores negativos tipo -2px para que se recorra y probar
No_o así lo hice y el sombreado se pasó para la izq, pero se borró del lado derecho [Cesp]#128533;[/Cesp]
BlueDiamante
avatar

¿Que estoy pensando? :

Las navidades se acercan y nuestro mundo no está feliz.... [table class=fecha_up][td]Se modifico:12/11/16 - 20:12 hrs.[/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

132


Puntos :

186


Me gusta :

36


ingreso :

17/10/2016


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Te doy otra propuesta.. Encontré este generador de sombras con CSS:
http://www.cssmatic.com/es/box-shadow

Ahi ya te da los valores y puede que encuentres el efecto deseado
YoshiGM
avatar

¿Que estoy pensando? :

¿Cómo puedo ayudarte? :3 [table class=fecha_up][td]Se modifico:7/04/18 - 20:40 hrs. [/td][/table]


Banner en temas :

https://i.servimg.com/u/f19/13/45/80/80/banner10.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #555


Mensajes :

1126


Puntos :

1499


Me gusta :

213


ingreso :

17/12/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://www.yoshifansclub.net

Volver arriba Ir abajo

 En la misma categoria


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