Messages :
Points :
Code: <style>.po-body{width:250px; height:400px; border-bottom:18px solid black; border-radius:5px;} .po-latinfos{background:#000; width:250px; height:20px; color:white; text-transform:uppercase; font-size:10px; border-top-right-radius:5px; border-top-left-radius:5px;} .po-ww{width:150px;} .po-contacts{position:relative; margin-top:150px; width:150px; border-radius:10px; height:18px; padding:10px; font-size:12px; text-transform:uppercase; background:white;} .po-repondeur{width:150px; border-radius:10px; height:18px; padding:10px; font-size:12px; text-transform:uppercase; background:white;} .po-bulle{width:100px; padding:0; position:relative;} .po-bubulle{color:black; font-size:10px; text-transform:uppercase; width:160px; height:180px; display:none; background:white; position:absolute; top:-120px; left:0px; z-index:20; transition: all 0.5s ease; padding:5px; text-align:justify; line-height:12px; border-radius:5px; overflow:auto; font-size:10px;} .po-bulle:hover .po-bubulle{display:block;} .po-cadre{transition:all 0.5s ease; width:170px; height:38px; overflow:hidden;} .po-cadre:hover{height:140px;} .po-repopo{width:150px; padding:10px; overflow:auto; color:black; height:70px; border-radius:5px; text-align:justify; background:white;} .po-regle{margin-left:-70px;} .well-sh{font-family: 'Saira Condensed', sans-serif; font-size:15px;}</style><link href="https://fonts.googleapis.com/css?family=Roboto|Saira+Condensed" rel="stylesheet">
<center><div class="po-body" style="background-image:url('http://FONDDECRAN.JPEG');"><div class="po-latinfos"><table width="100%"><tr><td class="po-ww">wizardnet</td><td><i class="fas fa-signal"></i> 80% <i class="fas fa-battery-three-quarters"></i> 00:00</td></tr></table></div>
<div class="po-regle"><div class="po-bulle"><span><div class="po-contacts" style="color:coral"><table><tr><td><i class="fas fa-user"></i></td><td><span class="well-sh">Contacts</span></td></tr></table></div></span><span class="po-bubulle"><a href="URL DU PORTABLE"><i class="fas fa-user-circle"></i></a> Pseudo du contact<br /><a href="URL DU PORTABLE"><i class="fas fa-user-circle"></i></a> Pseudo du contact</span></div></div>
<div class="po-cadre"><div class="po-repondeur" style="color:black"><table><tr><td><i class="fas fa-phone"></i></td><td><span class="well-sh">Répondeur</span></td></tr></table></div><div class="po-repopo">répondeur ici</div></div>
</div></center>
POUR PERSONNALISER LES COULEURS : #6bbbc7 #c3dee2 !attention! il est impératif que la flèche et le fond du sms restent de la même couleur, n'oubliez pas de bien modifier les deux.#fff
00:00
POUR RAJOUTER UN SMS A LA SUITE DU PRÉCÉDENT : Il vous suffit de copier ce code :
Code: <div class="smsfleche" style="border-right-color:#c3dee2;"></div><div class="smstext" style="background-color:#c3dee2; color:#fff;">contenu du sms</div><div class="smshour">00:00</div>
Et de le coller à la suite de ceci : (
!attention! à ne pas laisser d'espace ou de saut de ligne entre les deux)
Code: <div class="smshour">00:00</div>
EXEMPLE
contenu sms 1
00:00
contenu sms 2
00:00
Code: <center><div class="smsbgg"><table><tr><td valign="top"><img src="https://i.imgur.com/V3kYCDu.png" class="smsicon" style="box-shadow:0px 0px 5px #6bbbc7;"/></td><td width=10px"></td><td valign="top"><div class="smsfleche" style="border-right-color:#c3dee2;"></div><div class="smstext" style="background-color:#c3dee2; color:#fff;">contenu sms 1</div><div class="smshour">00:00</div></td></tr></table></div></center>
Accueil
