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