Foros del web, para los que viven de bits

Borjimante · 11-dic-2006, 12:25

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-dic-2006, 14:15

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:

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-dic-2006, 14:21

Cita:

Iniciado por T_O_N_N_Y

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:

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-dic-2006, 14:25

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-dic-2006, 14:32

Cita:

Iniciado por T_O_N_N_Y

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-dic-2006, 14:37

Cita:

Iniciado por fearlex

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.

11-dic-2006, 12:25	#1 (permalink)
Borjimante Fecha de Ingreso: noviembre-2005 Mensajes: 630	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 __________________ Antera Solutions Diseño y desarrollo web

11-dic-2006, 14:15	#2 (permalink)
T_O_N_N_Y Fecha de Ingreso: octubre-2006 Ubicación: Quart de Poblet, Valencia Mensajes: 546	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: 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.

11-dic-2006, 14:21	#3 (permalink)
fearlex Fecha de Ingreso: septiembre-2003 Ubicación: Exiliado de mi patria Mensajes: 1.048	Re: Sombra y borde Cita: Iniciado por T_O_N_N_Y 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: 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 __________________ Ya viene llegando, el comunismo en Cuba, ya se esta acabando. www.fearlex.com \| www.fearlexworld.com

11-dic-2006, 14:25	#4 (permalink)
T_O_N_N_Y Fecha de Ingreso: octubre-2006 Ubicación: Quart de Poblet, Valencia Mensajes: 546	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.

11-dic-2006, 14:32	#5 (permalink)
fearlex Fecha de Ingreso: septiembre-2003 Ubicación: Exiliado de mi patria Mensajes: 1.048	Re: Sombra y borde Cita: Iniciado por T_O_N_N_Y 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 ??? __________________ Ya viene llegando, el comunismo en Cuba, ya se esta acabando. www.fearlex.com \| www.fearlexworld.com

11-dic-2006, 14:37	#6 (permalink)
T_O_N_N_Y Fecha de Ingreso: octubre-2006 Ubicación: Quart de Poblet, Valencia Mensajes: 546	Re: Sombra y borde Cita: Iniciado por fearlex 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.

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado