<div style="width: 240px;height: 450px;background-image:url(http://img11.hostingpics.net/pics/847611iphone.png);"><div style="position: relative;top: 95px;color: white;text-transform: uppercase;font-family: 'Strait', sans-serif;"><center>PRENOM</center></div><div style="width:201px;height:236px;overflow: auto;position: relative;top: 101px;left:20px;padding: 2px;padding-top: 5px;"><div style="background-color: #b5f05d;-o-linear-gradient(bottom, #b5f05d 86%, #7adb34 100%);background-image: -moz-linear-gradient(bottom, #b5f05d 86%, #7adb34 100%);background-image: -webkit-linear-gradient(bottom, #b5f05d 86%, #7adb34 100%);background-image: -ms-linear-gradient(bottom, #b5f05d 86%, #7adb34 100%);background-image: linear-gradient(bottom, #b5f05d 86%, #7adb34 100%);border-radius: 4px;width: 167px;padding: 5px;font-size: 9px;text-align: right;margin-left: 19px;font-family:Arial; line-height:90%;">Ton message ici ...</div></div></div><div style="text-align:right;font-family: 'Strait', sans-serif;width: 230px;font-size:9px;">© code by <a href="http://wildstylecreation.tumblr.com/credits">manhattan/wildstyle</a></div><link href='http://fonts.googleapis.com/css?family=Strait' rel='stylesheet' type='text/css'>

<div style="background-color: rgb(219,219,219);background-image: -o-linear-gradient(bottom, rgb(219,219,219) 86%, rgb(170,170,170) 100%);background-image: -moz-linear-gradient(bottom, rgb(219,219,219) 86%, rgb(170,170,170) 100%);background-image: -webkit-linear-gradient(bottom, rgb(219,219,219) 86%, rgb(170,170,170) 100%);background-image: -ms-linear-gradient(bottom, rgb(219,219,219) 86%, rgb(170,170,170) 100%);background-image: linear-gradient(bottom, rgb(219,219,219) 86%, rgb(170,170,170) 100%);margin-top: 5px;border-radius: 4px;width: 167px;padding: 5px;font-size: 9px;font-family:Arial; line-height:90%;"><div style="text-align: right;font-size: 9px;border-bottom: 1px solid black;width: 167px;">jour X à 00:00</div>message texte reçu</div>