Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   CSS (http://www.forosdelweb.com/f53/)
-   -   Sombra y borde (http://www.forosdelweb.com/f53/sombra-borde-449254/)

Borjimante 11/12/2006 13:25

Sombra y borde
 
Hola, he visto en varias webs que tienen un borde como difuminado,¿ Como se hace?, y la segunda pregunta es como poner en la propiedad border una imagen en vez del color del borde

Un saludo

T_O_N_N_Y 11/12/2006 15:15

Re: Sombra y borde
 
Hay varias formas, pero puedes mirar como ejemplo
http://www.terra.com.mx/default.aspx
Mira, está compuesta de 3 imágenes para hacer el efecto sombra:
http://img.terra.com.mx/i/bgcab.gif

http://img.terra.com.mx/i/bg.gif

http://img.terra.com.mx/i/bgpie.gif

Lo que se hace es poner la primera en el div de arriba como fondo (background), la segunda la pone como fondo del div grande, y por último la tercera imagen la coloca en el pie de página, en la posicion "bottom", es decir abajo.

Saludos.

PD: hay muchas más formas de hacerlo, pero te doy esa como ejemplo.

fearlex 11/12/2006 15:21

Re: Sombra y borde
 
Cita:

Iniciado por T_O_N_N_Y (Mensaje 1817042)
Hay varias formas, pero puedes mirar como ejemplo
http://www.terra.com.mx/default.aspx
Mira, está compuesta de 3 imágenes para hacer el efecto sombra:
http://img.terra.com.mx/i/bgcab.gif

http://img.terra.com.mx/i/bg.gif

http://img.terra.com.mx/i/bgpie.gif

Lo que se hace es poner la primera en el div de arriba como fondo (background), la segunda la pone como fondo del div grande, y por último la tercera imagen la coloca en el pie de página, en la posicion "bottom", es decir abajo.

Saludos.

PD: hay muchas más formas de hacerlo, pero te doy esa como ejemplo.

Podrias explicar esto mejor, esta interesante pero no lo entendi, please :D

:Saludos:

EDITO: Cual de las dos preguntas de Borjimante, estas contestando, por que no me queda claro para cual de las dos es esta respuesta, sorry :D

T_O_N_N_Y 11/12/2006 15:25

Re: Sombra y borde
 
A ver...

Según tengo entendido con CSS y CSS2 no se puede poner la propiedad "border-image", pero con CSS3 se podrá, al igual que otras como "border-image"
Podéis verlo aquí: http://www.w3.org/TR/2002/WD-css3-bo...rder-image-uri

La respuesta es para conseguir el efecto de difuminar, con sombra en este caso.

Saludos, y espero haber contestado vuestra pregunta.

fearlex 11/12/2006 15:32

Re: Sombra y borde
 
Cita:

Iniciado por T_O_N_N_Y (Mensaje 1817053)
A ver...

Según tengo entendido con CSS y CSS2 no se puede poner la propiedad "border-image", pero con CSS3 se podrá, al igual que otras como "border-image"
Podéis verlo aquí: http://www.w3.org/TR/2002/WD-css3-bo...rder-image-uri

La respuesta es para conseguir el efecto de difuminar, con sombra en este caso.

Saludos, y espero haber contestado vuestra pregunta.

Eso es lo que no entiendo, difuminar con sombras ?? NO entiendo donde esta el difuminado, ni exactamente a que efecto se refiere ???

T_O_N_N_Y 11/12/2006 15:37

Re: Sombra y borde
 
Cita:

Iniciado por fearlex (Mensaje 1817062)
Eso es lo que no entiendo, difuminar con sombras ?? NO entiendo donde esta el difuminado, ni exactamente a que efecto se refiere ???

El efecto no lo puedes ver en la imagen tan pequeña (en la del pie de página sí)

Mira en http://www.terra.com.mx/default.aspx, en la parte de la derecha tiene un sombreado, eso es lo que digo difuminado.

Si en vez de una sombra quieres un difuminado, pues la imagen la haces con difuminado, o con el efecto que quieras.


La zona horaria es GMT -6. Ahora son las 22:46.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.