Exemple

<center>
<div copy="sha" style="height:20px;"></div><div style="width:305px; height: 470px; line-height: 90%; margin:auto; background-image:url(http://oi42.tinypic.com/mabfhk.jpg)"> <center><div style="height:105px;"></div><div style="background: transparent; width: 320px; height: 20px; color: silver; font-family: times new roman; font-size: 16px; letter-spacing: 0px; line-height: 90%; padding-left: 5px; text-align: center; overflow: hidden;">[b]NOM & PRENOM[/b]</div>

<table><tr><td valign="top"><div style=" width:110px; padding: 5px; max-height: 150px; background-color: #fff; font-family: calibri; font-size: 11px; line-height: 95%;  text-align: justify; overflow: auto;margin-left:-15px;">
[justify]Texte style sms.[/justify]
</div></div></div></td><td valign="top" width="65"><img src="VOTRE IMAGE" width="65"></td></tr></table></div>
</center>

<link rel="stylesheet" href="http://djoan.hol.es/cssdjoantel.css" media="all" type="text/css" />

<center><div class="fondtel1"><div class="fondtel2"><div class="pseudotel">VOTRE PSEUDO</div></div><div class="fondtel3"><div style="height:auto"><img src="VOTRE ICON" class="ico1"><div class="mes1">VOTRE MESSAGE</div>
</div>

</div><div style=" height:62px;"><img src="ICON DU DESTINATAIRE" class="ico3"></div>
<div style="margin-top:45px;font-size:9px;">© didoum</div></center>

<div style="height:auto; "><img src="VOTRE ICON" class="ico1"><div class="mes1">VOTRE MESSAGE</div>
</div>

<div style="height:auto"><img src="ICON DU DESTINAIRE" class="ico2"><div class="mes2">MESSAGE DU DESTINATAIRE</div>
</div>

<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Sans:300,400,600,700&lang=en" />
<style>.whtelfond{width:230px; height:356px; padding-top: 50px; padding-bottom: 50px;} .whtelverr{background-repeat: none; width:202px; height: 304px; margin-left:2px; padding-top: 50px;} .whtelheure{font-size:20px; margin-left:5px; float:right; font-size:50px;} .whtelnotif{border-radius:2em; background:black; opacity:0.7; height:50px;color:white; text-align:left;} .whtelimg{width:40px; float:left; padding-left:15px; padding-top:5px;} .whtelmsg{opacity:0; transition: 0.7s; transform: all; background:Gainsboro; width:202px; height: 354px; margin-left:1px;margin-top:-372px; color:black;} .whtelmsg:hover{opacity:1; position:relative; z-index:2} .whtelnom{ color:black; width:100%; font-size:20px; height:20px;text-align:left;} .whtelfin1{height:26px; margin-top:295px;} .whtelfin2{background:white;margin-left:5px; margin-top:-14px;height:15px; width:192px; border-radius:1em;} .whtelzone{width:127px; margin-top:-262px;overflow:auto; max-height:280px;text-align:justify;font-size:12px;} .whtelimg2{width:45px;margin-top:-262px; margin-right:10px;} .whtelsign{text-align:center;color:black;font-family:verdana;font-size:8px;}</style>

[center]<div class="whtelfond" style="background-image: url(http://i.imgur.com/SnZjgtO.png); font-family:PT Sans;"><div class="whtelverr" style="background-image: url(IMAGE FOND ICI); "><div class="whtelheure" style="color:royalblue;">[b]12:30[/b]</div><div class="whtelnotif" style="margin-top:210px;"><img src="IMAGE MUSIQUE ICI" class="whtelimg" /><br/><span style="margin-left:10px;">Artiste - [i]Titre[/i]</span></div></div>
<div class="whtelmsg"><img src="http://i.imgur.com/93obeYi.png" style="width:202px;"/> <div class="whtelnom" style=" background:royalblue;">< [b]NOM ICI[/b]</div><div class="whtelzone" style="background:royalblue; float:left; margin-left:10px; border-radius:10px 0px 10px 10px; clear:both;"><div style="margin:5px;">MESSAGE ICI</div>
</div><img class="whtelimg2" src="IMAGE TAILLE CARREE ICI" style="float:right;"><div class="whtelfin1" style="background:royalblue;"><br/><div class="whtelfin2">Répondre</div></div></div></div><div class="whtelsign">(c) Jealy</div>[/center]