Quelques codes divers intéressants

<style>.telephone{height: 640px; width: 300px; background-image:url(http://i.imgbox.com/PwaihRUs.png); overflow: hidden} .contact{text-align: center; position: absolute; background-color:#dfdfe9; width: 263.5px; padding-top: 15px; padding-bottom: 10px; margin-top: 100px; margin-left: 19.5px; opacity: 0.9; border-bottom: 1px solid black; font-family: Khula; font-size: 20px} .contenumessages{height:433px;width:263.5px;background-color:#ffffff; margin-top: 100px; padding-top: 20px; padding-bottom: 10px; overflow: auto; margin-left: 3px}.envoi{max-width: 160px; background-color: #298cfa; color: #ffffff; font-family: khula; padding: 8px; font-size: 13px; text-align: right; border-radius: 20px; margin-top: 15px; margin-right: 10px;}.reception{max-width: 160px; background-color: #e6e6eb; color: #000000; font-family: khula; padding: 8px; font-size: 13px; text-align: left; border-radius: 20px; margin-left: 10px; margin-top: 15px}</style>
<link href='http://fonts.googleapis.com/css?family=Khula' rel='stylesheet' type='text/css'><center><div class="telephone"><div class="contact">Nom du contact</div><center><div class="contenumessages">
[right]<div class="envoi">message envoyé</div>[/right]
[left]<div class="reception">message reçu</div>[/left]
[right]<div class="envoi">pour rajouter des messages, il suffit de c/c les codes dans leur intégralité (avec les left et right) et les coller à la suite des autres messages! o/</div>[/right]
</div></center></div></center>

<style>wikodarkmoon {display:block; height:600px; width:302px; background:url(http://image.noelshack.com/fichiers/2015/41/1444411168-wiko-darkmooncoupedetails.png); position:relative; margin:auto;} miniiconwdm {display:block; height:25px; width:25px; position:absolute; top:80px; left:25px} nomwiko {display:block; color:white; position:absolute; top:85px; left:52px; width:155px; height:10px; font-size:15px; font-family:arial} contsmswdm {display:block; width:270px; height:376px; position:absolute; background:#f1f1f1; top:111px; left:16px; overflow:auto} recuwdm {display:block; width:239px; min-height:50px; margin-left:5px; margin-top:5px; position:relative} imgrecuwdm {display:inline-block; width:45px; height:45px} txtrecuwdm {display:inline-block; width:190px; min-height:45px; padding:2px; background:#fff; vertical-align: top; text-align:left; font-family:arial; font-size:13px; line-height:14px; color:black} envoiwdm {float:right;display:block; width:239px; min-height:50px; margin-left:5px; margin-top:5px; position:relative} imgenvoiwdm {display:inline-block; width:45px; height:45px} txtenvoiwdm {display:inline-block; width:190px; min-height:45px; padding:2px; background:#b9d5df; vertical-align: top; text-align:right; font-family:arial; font-size:13px; line-height:14px; color:black} creditwiko {text-align:center; display:block; font-size:9px; font-family:serif; text-transform:uppercase;}</style><wikodarkmoon><miniiconwdm style="background:url(http://image.noelshack.com/fichiers/2015/41/1444415434-imagewiko.png); background-size:100%; background-position:center center"></miniiconwdm><nomwiko>Prénom</nomwiko><contsmswdm><!--DEBUT DU SMS RECU--><recuwdm><imgrecuwdm style="background:url(http://image.noelshack.com/fichiers/2015/41/1444415434-imagewiko.png); background-size:100%; background-position:center center"></imgrecuwdm><txtrecuwdm>voici le petit texte qui correspond à celui d'un message qui a été reçu sur ce téléphone</txtrecuwdm></recuwdm><!--FIN DU SMS RECU--> <!--DEBUT DU SMS ENVOYE--><envoiwdm><txtenvoiwdm>voici le petit texte qui correspond à celui d'un message qui a été envoyé par ce téléphone</txtenvoiwdm><imgenvoiwdm style="background:url(http://image.noelshack.com/fichiers/2015/41/1444415434-imagewiko.png); background-size:100%; background-position:center center"></imgenvoiwdm></envoiwdm><!--FIN DU SMS ENVOYE--></contsmswdm></wikodarkmoon><creditwiko><a href="http://2981122890.tumblr.com/">© 2981 12289 0</a></creditwiko>

<center><div style="width:500px; max-width:500px; border:1px solid #B4CFEC; text-align:justify;padding:5px;background-color:#C6DEFF;"><table><tr><td>A: </td><td><div style="width:350px; max-width:350px; heigth:8px; text-align:justify;padding:5px;background-color:white;border: solid 1px #B4CFEC;">mad@rpg.fr</div></td></tr>
<tr><td>Cc: </td><td><div style="width:445px; max-width:445px; heigth:8px; text-align:justify;padding:5px;background-color:white;border: solid 1px #B4CFEC;">prd@rpg.fr ; testfiche@live.fr ; jesuisunehuitre@uptown.com</div></td></tr>
<tr><td>Objet:</td><td><div style="width:350px; max-width:350px; heigth:8px; text-align:justify;padding:5px;background-color:white;border: solid 1px #B4CFEC;">Pouet !</div></td></tr></table>
</div><div style="width:500px; max-width:500px; text-align: justify;border-right: solid #B4CFEC 1px;border-left: solid #B4CFEC 1px;border-bottom: solid #B4CFEC 1px;padding:5px;height:300px;background-color:white;">

Salut poulette !

Tu as reçu l'invitation pour samedi ?

XOXO
  </div><div style="width:500px; max-width:500px; text-align: right;font-size:8px;color:#D1D0CE;">© Mad</div></center>

<link href="http://ohdarling.free.fr/insta2.css" type="text/css" rel="stylesheet"/><link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
<center><div class="hautinsta1"><div class="instaname">ton pseudo</div></div>
<div class="fondinsta0"><table><td><img class="iconinstaa" src="URL DE TON ICON"></td><td width="199">
<table class="table01"><td width="66">##</td><td width="66">##</td><td width="66">##</td></table><div class="editinsta"></div>
</td></table>
<div class="instapseudo">Ton nom</div>
<div class="bioinsta">Petite bio rapide à écrire ici.</div>
<div class="instamilieu"></div><img class="instapho" src="URL DE L'IMAGE"><img class="instapho" src="URL DE L'IMAGE"><img class="instapho" src="URL DE L'IMAGE">
<img class="instapho" src="URL DE L'IMAGE"><img class="instapho" src="URL DE L'IMAGE"><img class="instapho" src="URL DE L'IMAGE">
</div><div class="basinsta1"></div></center>

<link href="http://ohdarling.free.fr/insta2.css" type="text/css" rel="stylesheet"/><link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'><center><div class="hautinstap"></div>
<div class="fondinsta0"><table><td><img class="iconinsta2" src="URL DE TON ICON"></td><td width="200"><div class="instapseudo02">ton pseudo</div></td><td><img class="instatemps" src="http://i.imgur.com/Hpr2M3o.png"></td></table>
<img class="instapho2" src="URL DE L'IMAGE">
<div class="partage"></div>
<div class="bioinsta02"><span class="instapseudo03"><img src="http://i.imgur.com/LE0hnEC.png"/> ## J'aime
ton pseudo</span> écrire le commentaire ici, que ça ait un peu de gueule, pourquoi pas y ajouter des smileys si ça fait plaisir
<hashta>#hashtag @pseudo etc</hashta></div>
</div><div class="basinsta02"></div></center>

<link href="http://ohdarling.free.fr/insta2.css" type="text/css" rel="stylesheet"/><link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'><center><div class="hautinstac"></div>
<div class="fondinsta0">
<table><td valign="top"><img class="iconinsta3" src="URL DE TON ICON"></td><td valign="top"><div class="comminsta0"><span class="pseudoinsta0">ton pseudo</span>le commentaire ici, et encore ici. Et encore, encore ici. Parce que quand c'est rempli c'est plus joli, lalalalalalaaaa
<span class="timeinsta">il y a 6 secondes</span></div>
</td></table>
</div><div class="basinsta3"></div></center>

<link href="http://ohdarling.free.fr/twitter.css" type="text/css" rel="stylesheet"/><link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><center><div class="cadre"><div style="background:50% 50% url(URL DE L'IMAGE DE FOND, EN HAUT);height: 102px;width: 308px;background-size: 308px;"><img src="http://i.imgur.com/DNqEfVm.png"/></div>
<div class="fondtwt"><table width="290"><tr><td align="left"><img class="icontwt" src="URL DE TON ICON"></td><td align="right"><div class="edittwt"></div></td></tr></table>

<div class="nametwt">Nom twitter</div>
<div class="pseudotwt">@pseudotwitter</div>
<div class="biotwt">Là tu écris ta petite bio, une description, ou tu mets tes mensurations, c'est toi qui vois.</div>
[left]<table class="tabletwt" cellpadding="11"><tr><td><span class="nbrtwt">00</span> Abonnements</td><td align="left"><span class="nbrtwt">00</span> abonnés</td></tr></table>[/left]
<div class="milieutwt"></div>
<table class="table2twt"><tr><td valign="top" align="left"><img class="icontwt2" src="URL DE TON ICON"></td><td valign="top" align="left"><table width="100%"><tr><td align="left"><div class="nametwt2">NOM TWITTER <span class="pseudotwt2">@PSEUDOTWITTER</span></td><td align="right"><span class="datetwt">20 h</span></td></tr></table></div>
<div class="txttwt">Là c'est ton tout dernier tweet, parce que c'est beau la technologie</div></td></tr></table>

<div class="septwt"></div>
<table class="table2twt"><tr><td valign="top" align="left"><img class="icontwt2" src="URL DE TON ICON"></td><td valign="top" align="left"><table width="100%"><tr><td align="left"><div class="nametwt2">NOM TWITTER <span class="pseudotwt2">@PSEUDOTWITTER</span></td><td align="right"><span class="datetwt">20 h</span></td></tr></table></div>
<div class="txttwt">Là c'est le tweet d'avant, encore.</div></td></tr></table>
<div class="btntwt"></div>
</div></div></center>

<link href="http://ohdarling.free.fr/twitter.css" type="text/css" rel="stylesheet"/><link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><center><div class="cadre"><div class="hauttiwt2"></div>
<div class="fondtwt">
<table class="table3twt" cellpadding="0" cellspacing="0"><tr><td valign="top" align="left" width="58"><img class="icontwt2" src="URL DE TON ICON"></td><td valign="top" align="left"><div class="nametwt3">NOM TWITTER</div>
<div class="pseudotwt3">@PSEUDOTWITTER</div></td></tr></table>

<div class="txttwt2">N'oubliez pas que twitter limite le nombre de caractères, en gros, là, j'ai écrit le maximum de ce qui est faisable avec ce paquerette d'oiseau

<img src="URL DE L'IMAGE QUE TU VEUX MONTRER AU MONDE, mais que si tu veux, hein"/></div>

<div class="datetwt2">00:00 - 00 mois année</div>
<div class="septwt2"></div>
[left]<table class="tabletwt2" cellpadding="11"><tr><td><span class="nbrtwt">539</span> Retweets</td><td align="left"><span class="nbrtwt">1 148</span> j'aime</td></tr></table>[/left]
<div class="bastwt2"></div></div></div></center>

<link href="http://ohdarling.free.fr/twitter.css" type="text/css" rel="stylesheet"/><link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><center><div class="cadre"><div class="hauttiwt2"></div>
<div class="fondtwt">
<table class="table2twt"><tr><td valign="top" align="left"><img class="icontwt2" src="URL DE TON ICON"></td><td valign="top" align="left"><table width="100%"><tr><td align="left"><div class="nametwt2">NOM TWITTER <span class="pseudotwt2">@PSEUDOTWITTER</span></td><td align="right"><span class="datetwt">00 h</span></td></tr></table></div>
<div class="txttwt">Là t'écris ton commentaire, tu peux même être vache si ça te chante. Meuh. Ou chat.
<img src="URL DE L'IMAGE, SI TU VEUX "/></div></td></tr></table>

<div class="septwt3"></div>
<div class="bastwt3"></div></div></div></center>