Bueno es algo sencillo aki trataremos de desifrar como hacer cada efecto, primero si quieres ver tu foto mas grande este es el codigo:
<style type="text/css">
#user-picture IMG {HEIGHT: 300px;WIDTH:200px;DISPLAY: none;}
#user-picture { WIDTH: 250px;HEIGHT: 300px;TEXT-ALIGN: center; DISPLAY: block; background-image: url(URL DE LA FOTO);
background-repeat:no-repeat; background-position: center;margin-left: 28px; border: SOLID #FFFFFF 1px;} #user-</style>
Obvio cambbian la ruta de la imagen
