<style>.hlplIM { --planetAccent1:#744d92; --planetAccent2:#000000; }</style><div align="center"><div class="hlplIM"><div class="hlplContact">
<img src="ICONE DE VOTRE PERSO" style="display:block; width:75px; height:75px;">
<h1>NOM DE VOTRE PERSO</h1>
</div><div class="hlplMessages">
<h1>Message sortant (Ava)</h1>
<h2>Message entrant (vous)
<img src="URL DE L'IMAGE. RETIRER TOUTE LA BALISE SI VOUS VOULEZ PAS D'IMAGE" style="max-width:300px;">
</h2>
<h2>Rajoutez autant de messages entrant que vous voulez!</h2>
</div><div class="hlplSend"><span class="ion ion-images"></span> <div></div> <span class="ion ion-arrow-up-c"></span></div></div><div class="hlplCredit"><a href="http://pixel-perfect.boards.net/user/15">SELKIE</a></div></div><head><link href="https://fonts.googleapis.com/css?family=Muli:900|Roboto:400,400i,700|Ubuntu:400" rel="stylesheet"><link rel="stylesheet" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"></head><style>.hlplIM { width:400px; height:500px; overflow:hidden; border-radius:3px; }.hlplBanner { height:10px; padding:5px 10px; background-color:#333; color:#fafafa; font:100 10px/21px ubuntu; display:flex; align-items:center; justify-content:space-between; }.hlplContact { height:93px; padding:10px 10px; background-image: linear-gradient(to bottom right, var(--planetAccent1), var(--planetAccent2) ); display:flex; flex-flow:row nowrap; align-items:center; justify-content:flex-start; overflow:hidden; }.hlplContact img { width:75px; height:75px; border-radius:100%; padding:30px; background-color:rgba(255,255,255,.2); }.hlplContact h1 { font:900 25px/25px Muli; color:#fafafa; margin-left:-20px; text-align:left; text-transform:uppercase; }.hlplContact h1 a { color:#fafafa!important; font:900 25px/25px Muli!important; text-shadow:2px 2px rgba(0,0,0,.075)!important;}.hlplMessages { height:342px; width:400px; overflow:auto; text-align:left; background-color:#eee; display:flex; flex-flow:column nowrap; justify-content:flex-start; padding-top:10px; }.hlplMessages h1, .hlplMessages h2 { margin:0px 10px 10px 10px; max-width:300px; color:#fafafa; padding:10px; font:12px roboto; border-radius:3px; width:auto; }.hlplMessages h1 img, .hlplMessages h2 img { border-radius:3px; display:block!important; max-width:300px!important; border:1px solid rgba(255,255,255,.5);}.hlplMessages h1 { background: linear-gradient(to bottom right, var(--planetAccent1), var(--planetAccent2) ); margin-left: auto; text-align:right; }.hlplMessages h2 { background: var(--planetAccent2); margin-right:auto; text-align:left; }.hlplSend { background-image: linear-gradient(to right, var(--planetAccent1), var(--planetAccent2) ); height:35px; padding:0px 5px; display:flex; flex-flow:row wrap; align-items:center; justify-content:flex-start; }.hlplSend div { width:318px; height:13px; margin:0px 5px; padding:5px; background-color:rgba(255,255,255,.25); font:400 10px/15px Ubuntu; color:#fafafa; cursor:text; }.hlplSend div::before { content:'ENTER YOUR MESSAGE...'; }.hlplSend span { color:#fafafa; width:25px; height:25px; background-color:rgba(255,255,255,.33); border-radius:100%; font-size:21px; overflow:hidden; }.hlplSend span:before { transform-origin: center; width:25px; height:25px; display:flex; align-items:center; justify-content:center; transition:.25s ease;}.hlplSend span:hover:before { transform:scale(1.24); cursor:pointer; transition:.25s ease; }.hlplMessages::-webkit-scrollbar { width:7px;border:0px; }.hlplMessages::-webkit-scrollbar-track { background-color:#eee;border:0px;}.hlplMessages::-webkit-scrollbar-thumb { background-image: linear-gradient(to bottom, var(--planetAccent1), var(--planetAccent2) );border-radius:7px;border:0px; } .hlplCredit { font:800 7px roboto; margin-left:350px; }.hlplCredit a { font:800 7px roboto; }</style>
Accueil 
