Link: http://www.shinobinohattan.com/t9510-trophees-snh-et-informations

.avatar_mess{
 -htm-box-shadow:0 0 6px #000;
 -htm-transform:all;
 -htm-transition:1s;
 -moz-border-radius:5px;
 -moz-box-shadow:0 0 6px #000;
 -moz-transform:all;
 -moz-transition:1s;
 -ms-transform:rotate(-5deg)
   ;-o-box-shadow:0 0 6px #000;
 -o-transform:all;
 -o-transition:1s;
 -webkit-border-radius:5px;
 -webkit-box-shadow:0 0 6px #000;
 -webkit-transform:all;
 -webkit-transition:1s;
 background:#272726;
 border:2px solid #303030;
 border-radius:5px;
 box-shadow:0 0 6px #000;
 display:block;
 height:350px;
 margin-left:10px;
 margin-right:-30px;
 overflow:hidden;
 transform:all;
 transition:1s;
 width:200px
 }

.profil_mess {
 -htm-transform:all;
 -htm-transition:1s;
 -khtml-opacity:0;
 -moz-opacity:0;
 -moz-transform:all;
 -moz-transition:1s;
 -o-transform:all;
 -o-transition:1s;
 -webkit-transform:all;
 -webkit-transition:1s;
  background:url(https://2img.net/r/hpimg15/pics/225608fond22.png);
  background-position:absolute;
  color:#303030;
  display:block;
 filter:alpha(opacity=0);
 font-family:Arial;
 font-size:11px;
   height:350px;
 margin:auto;
 opacity:0;
 overflow:auto;
 padding:-5000;
 position:absolute;
 transform:all;
 transition:1s;
 width:200px;
}

.profil_mess:hover{
 -htm-transform:all;
 -htm-transition:1s;
 -khtml-opacity:1;
 -moz-opacity:1;
 -moz-transform:all;
 -moz-transition:1s;
 -o-transform:all;
 -o-transition:1s;
 -webkit-transform:all;
 -webkit-transition:1s;
 filter:alpha(opacity=100);
 opacity:1;
 transform:all;
 transition:1s;
 }

Code:

<div class="avatar_mess">{postrow.displayed.POSTER_AVATAR}<div class="profil_mess">
            <!-- BEGIN profile_field -->{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}<!-- END profile_field -->
     {postrow.displayed.POSTER_RPG}
</div></div>