Modèle Snapchat

<style>#snapchat {width: 300px; height: 547px; background-image: url(http://oi62.tinypic.com/34ssc4h.jpg); position: relative;} .snap-in {width: 253px; height: 367px; background-color: #fff; position: absolute; top: 93px; left: 25px; overflow: hidden;} .snap-in2 {height: 268px; background-color: #fff;} .snap-inn {padding-right: 10px; height: 266px; overflow: auto; text-align: left;} .sp {padding: 10px; text-align: left; border-bottom: 1px solid #e6e7e8; color: #121212; font-family: arial; font-weight: bold; font-size: 14px;} .sp sub {font-family: arial; color: #8f8f8f; font-weight: lighter; display: block; font-size: 10px; margin-top: 3px;} open img {width: 20px; height: 20px; float: left; margin-right: 10px;} #snapchat .the-snap {z-index: 5; width: 253px; height: 367px; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -ms-background-size: cover; -o-background-size: cover; position: absolute; top: 0px; left: 253px; transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out;} #snapchat:hover .the-snap {left: 0px;} .snap-t {position: relative; top: 260px; background-color: rgba(0,0,0,0.6); padding: 10px; font-family: arial; font-weight: lighter; color: #fff; font-size: 14px; text-align: center; left: 0px;}</style><center><div id="snapchat"><div class="snap-in"><div class="the-snap" style="background-image: url(https://www.zupimages.net/up/18/26/e6d9.png");"><div class="snap-t">Votre message</div></div> <img src="http://oi58.tinypic.com/2vljihc.jpg" /> <div class="snap-in2"><div class="snap-inn"><div class="sp"><open><img src="http://i61.tinypic.com/11qoj2e.png" /></open> Prénom Nom _{10 minutes ago - Opened}</div></div></div> <img src="http://oi59.tinypic.com/14vu4hx.jpg" /></div></div><div style="width: 300px; font-family: arial; text-align: right; text-transform: uppercase; font-size: 7px;"><a href="http://shine.b1.jcink.com/index.php?showuser=145">© lauz</a></div></center>