Sombra en fotos

[mauricioadrian]

hola estuve mirando en esta web http://www.fabio.com.ar/ y observe que las fotos tienen un efecto de sombra. estuve probando copiarlo desde esa web pero no me sale. Alguien sabe como se hace de una manera sencilla ?


en realidad el efecto se lo aplica a algunas imagnes nose si tendra algo que ver el tamaño de la foto. yo necesito algo que me sirva para cualquier tamaño de foto.

[ArturoGallegos]

hola amigo ps parece que te falto ponerle atencion a la pag. si te llamara la atencion ubieras notado que el efecto es solo colocar un una imagen dentro de un <div> y al div le dio un fondo jejej checate el codigo mmm

te pongo el codigo empleado en esa pag. checatelo y luego comentas resultados

en tu hoja de estilos:

Código HTML:

<style type="text/css">
#container div.img-gal {
	float: left;
	margin: 5px;
	padding: 0;
	position: relative;
	voice-family: "\"}\"";
	voice-family: inherit;
	background: url(images/bg_image.gif) bottom right no-repeat;
}

#container div.img-gal img {
	background-color: #fff;
	border: 1px solid #a9a9a9;
	margin: -5px 10px 5px -5px;
	padding: 4px;
	position: relative;
	vertical-align: bottom;
}
</style> 

en tu html:

Código HTML:

<div id="container">
		<div class="img-gal"><img src="images/chat01.jpg"></div>
</div> 

las imagenes pa ese ejemp son las mismas k ellos usaron estan en el sitio
fondo: http://www.fabio.com.ar/themes/Fabio...s/bg_image.gif
img chat1: http://www.fabio.com.ar/images/reviews14/chat01.jpg

sale suerte bro jajaj atento al codigo no es solo copear ay que analizar y aprender, no lo dejes ai mejoralo.... y metele ideas tuyas

[imagen021]

Es así, el efecto sombra lo tiene el div que contiene la foto.

<div class="img-gal"><img src="images/reviews14/chat01.jpg"></div>

Tal como te dice Ag666.

Saludos!!

[Mikmoro]

Alguien hizo el otro día la misma consulta y le hice este ejemplo, que usa una sóla imagen para cualquier tamaño de foro (no demasiado grande).

http://www.araudi.net/forosdelweb/caja_sombra.html

[mauricioadrian]

ok,gracias.