Foros del Web » Creando para Internet » CSS »

Sombra para imagen

Estas en el tema de Sombra para imagen en el foro de CSS en Foros del Web. Hola. La verdad ando complicado con esto del CSS. Quisiera hacer un diseño web bastante atractivo (me refiero a darle un acabado profesional). He intentado ...
  #1 (permalink)  
Antiguo 06/09/2012, 20:47
Avatar de anewryzm  
Fecha de Ingreso: septiembre-2011
Mensajes: 47
Antigüedad: 12 años, 7 meses
Puntos: 7
Pregunta Sombra para imagen

Hola.
La verdad ando complicado con esto del CSS.
Quisiera hacer un diseño web bastante atractivo (me refiero a darle un acabado profesional).

He intentado hacer algunas pero me complico con muchas cosas.
Una de ellas es poner sombra a imagenes. He visto que no solo se colocan en imagenes sino en bloques completos.
Me gustaria saber como se puede hacer para que una imagen o bloque tenga sombra.

----------------------------------------------
Algo mas:
- He intentado hacer una imagen (gif) con Corel PhotoPaint para hacer que se repita horizontalmente (es para una botonera). La verdad no he tenido exitos. mucho menos con Corel Draw. Si alguien tiene alguna herramienta para recomendar, se lo agradeceria bastante. (Si fuera off-line se lo agradeceria mucho ya que por las noches me quedo sin conexion)

Última edición por anewryzm; 06/09/2012 a las 20:53
  #2 (permalink)  
Antiguo 07/09/2012, 00:05
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 3 meses
Puntos: 306
Respuesta: Sombra para imagen

Para sombras mediante css, investiga sobre box-shadow
Hay mucho material, por ejemplo: http://www.desarrolloweb.com/articul...ox-shadow.html

E incluso tienes generadores online

Sobre editor de imagenes, bue, yo uso fireworks, pero supongo que será cuestión de aprender a usar el corel, que es el que ya tienes.
la pregunta es ¿porque no has tenido éxito?¿debido a la imagen o al código para que se repita?

Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #3 (permalink)  
Antiguo 07/09/2012, 04:55
Avatar de kreil  
Fecha de Ingreso: septiembre-2012
Ubicación: España
Mensajes: 63
Antigüedad: 11 años, 7 meses
Puntos: 16
Respuesta: Sombra para imagen

Yo utilizo también bordes de sombras para las imágenes en mi web, lo puedes ver si quieres en la página inicial. http://elbreakdelainformatica.es

Aquí tienes un ejemplo del box-shadow exacto que yo uso:

Código CSS:
Ver original
  1. box-shadow: 0px 0px 10px #668;

Simplemente ponte a enredar un poco con los números de los píxeles y lo demás sale solo.
__________________
Diseñador y programador de El break; de la informática
  #4 (permalink)  
Antiguo 07/09/2012, 17:25
Avatar de anewryzm  
Fecha de Ingreso: septiembre-2011
Mensajes: 47
Antigüedad: 12 años, 7 meses
Puntos: 7
De acuerdo Respuesta: Sombra para imagen

Muchas gracias por la respuesta :).

@C2am: Gracias por la respuesta y la referencia (leyendo).

@kreil: Muchas gracias. He visto tu web. bastante sencilla pero muy ordenada. Felicitaciones. :D.

Quisiera subir unas capturas. Para que asi puedan ver por qué no queda como debería quedar.

¿Tienen algún servidor o algo para poder mostrárselos?

Salu2
Gracias.
__________________
@Anewryzm
  #5 (permalink)  
Antiguo 08/09/2012, 16:17
 
Fecha de Ingreso: marzo-2011
Mensajes: 342
Antigüedad: 13 años, 1 mes
Puntos: 97
Respuesta: Sombra para imagen

Un servidor gratis que no me molesta es miarroba.es, cada tanto te desactivan tu sitio si no te conectás, el otro es 000webhost , hacen lo mismo, solo que no te avisan tan prolijamente como el anterior, saludos.

Etiquetas: anewryzm, imagenes, sobra
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:52.