Téléphone - Règlement

   <center><link href='http://www.aht.li/2806345/telephone_noir.css' rel='stylesheet' type='text/css'><div class="fondtelnoir"><div class="nomtelnoir">Prénom</div><div class="messagetelnoir">Message Ici</div></div></center>

    <center><link href='http://fonts.googleapis.com/css?family=Lato:100' rel='stylesheet' type='text/css'>
    <div style="background-image:url(http://image.noelshack.com/fichiers/2016/45/1478945848-gold-copie.png);width:300px;height:526px;"><div style="padding-top:73px;margin-left:-7px;"><div style="background-image:url(http://image.noelshack.com/fichiers/2016/45/1478945172-screen.png);width:206px;height:348px;color:black; font-family:lato;font-size: 50px;color:#ffffff;">
    <center>16:21</center><br><span style="font-size:12px;font-family:arial"><center>lundi 01 juin</center></span><div style="font-size:12px;font-family:arial;margin-top:30px;color:#ffffff"><img src="http://image.noelshack.com/fichiers/2016/45/1478945172-icon.png" style="width:15px;margin-right:4px;margin-left:-90px;text-align:left"><b>Nom Prénom</b></div><div style="font-size:12px;font-family:arial;color:#ffffff;margin-left:33px;text-align:left">Message</div><div style="font-size:11px;font-family:arial;color:#ffffff;margin-left:41px;opacity: 0.7;margin-left:33px;text-align:left">Glisser pour répondre</div><div style="font-size:16px;font-family:arial;margin-top:120px;color:#ffffff;opacity: 0.5;"><center>> Déverrouiller</center></div></center>

<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; border-radius:10px; 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; background:firebrick; 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(https://i.imgur.com/jgXRJDC.png); font-family:PT Sans;"><div class="whtelverr" style="background-image: url(https://i.imgur.com/w0VgYn2.png); "><div class="whtelheure" style="color:firebrick;">[b]12:30[/b]</div><div class="whtelnotif" style="margin-top:210px;"><img src="https://i.imgur.com/IyWJ6Fr.jpg" class="whtelimg" /><br/><span style="margin-left:10px;">Monsta X - [i]Need U[/i]</span></div></div>
<div class="whtelmsg"><img src="https://i.imgur.com/93obeYi.png" style="width:202px;"/> <div class="whtelnom">< [b]Ho Seok[/b]</div><div class="whtelzone" style="background:firebrick; float:left; margin-left:10px; border-radius:10px 0px 10px 10px; clear:both;"><div style="margin:5px;">Absent pour le moment, merci de laisser un message  :bounce:
</div>
</div><img class="whtelimg2" src="https://i.imgur.com/2MmbPmL.jpg" style="float:right;"><div class="whtelfin1" style="background:firebrick;"><br/><div class="whtelfin2">Répondre</div></div></div></div><div class="whtelsign">(c) Jealy</div>[/center]

   <center><div style="background-image:url(http://image.noelshack.com/fichiers/2016/45/1478945172-gold2.png);width:300px;height:526px;margin:20px"><div style="font-size:12px;font-family:arial;padding-top:70px;color:#000000;"><center>Pseudo</center></div><img src="https://2img.net/i/fa/pbucket.gif" style="width:60px;margin-top:20px;margin-left:-130px;text-align:left;border-radius:50px"><div style="font-size:10px;font-family:arial;margin-top:-50px;margin-left:60px;color:#ffffff;background-color :#0d85fe;width:110px;height:auto;padding:5px;border-radius:15px;text-align:left">Message</div></center>

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

    <center><div class="fondtel1g"><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="mes1g">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>

    <style>.fondtel1g{background-image:url(https://imgur.com/2nAZo0t.png);width:300px;height:611px;margin:15px}.mes1g{font-size:12px;line-height:13px;font-family:arial;color:#ffffff;background-color :#8e8f96;width:170px;height:auto;padding:5px;border-radius:0px 10px 10px 15px;text-align:left;margin-top:-58px;margin-left:65px;}.mes2g{font-size:12px; line-height:13px;font-family:arial;color:#ffffff;background-color :#abacaf;width:170px;height:auto;padding:5px;border-radius:10px 0px 10px 15px;text-align:left;margin-top:-58px;margin-left: -68px;}.fondtel2{color:#ffffff;font-size:20px;font-family:arial;padding-top:83px;margin-left:40px;}.fondtel3{overflow:auto;height:365px;width:285px;padding-top:5px;margin-top:13px;}.pseudotel{text-align:left;margin-top:8px;}.ico1{width:60px;margin-top:0px;margin-left:-185px;text-align:left;border-radius:30px;}.ico2{width:60px;margin-left:185px;text-align:left;border-radius:30px;}.ico3{width:35px;margin-top:13px;margin-left:225px;text-align:left;border-radius:20px;}</style>