Idées de Code Portable

<style>wikodarkmoon {display:block; height:456px; width:230px; background:url(http://image.noelshack.com/fichiers/2015/41/1444411168-wiko-darkmooncoupedetails.png); background-size:100%; position:relative; margin:auto;} miniiconwdm {display:block; height:18px; width:18px; position:absolute; top:61px; left:20px} nomwiko {display:block; color:white; position:absolute; top:63px; left:41px; width:140px; height:10px; font-size:13px; font-family:arial} contsmswdm {display:block; width:206px; height:285px; position:absolute; background:#f1f1f1; top:84px; left:12px; overflow:auto} recuwdm {display:block; width:200px; min-height:45px; margin-left:5px; margin-top:5px; position:relative} imgrecuwdm {display:inline-block; width:30px; height:30px} txtrecuwdm {display:inline-block; width:162px; min-height:40px; padding:2px; background:#fff; vertical-align: top; text-align:left; font-family:arial; font-size:12px; line-height:12px; color:black} envoiwdm {float:right;display:block; width:200px; min-height:45px; margin-left:5px; margin-top:5px; position:relative} imgenvoiwdm {display:inline-block; width:30px; height:30px} txtenvoiwdm {display:inline-block; width:162px; min-height:40px; padding:2px; background:#b9d5df; vertical-align: top; text-align:right; font-family:arial; font-size:12px; line-height:12px; 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>

<!--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-->

<style>sonyxperiaz2petit {display:block; height:478px; width:245px; background:url(http://image.noelshack.com/fichiers/2015/41/1444423606-xperia-z2.png); background-size:100%; position:relative; margin:auto;} nomsonypetit {display:block; color:black; position:absolute; top:61px; left:46px; width:155px; height:10px; font-size:13px; font-family:arial} contsmsonypetit {display:block; width:209px; height:260px; position:absolute; background:#e1e1e1; top:83px; left:17px; overflow:auto} recusonypetit {display:block; width:188px; min-height:30px;margin:auto; margin-top:5px; padding:5px; position:relative; background:#222; box-shadow:0px 0px 1px} imgrecusonypetit {display:inline-block; width:25px; height:25px; margin-right:5px;} txtrecusonypetit {display:inline-block; width:154px; min-height:25px; padding:2px; vertical-align: top; text-align:left; font-family:arial; font-size:12px; line-height:13px; color:#DDD} envoisonypetit {display:block; width:186px; min-height:30px;margin:auto; margin-top:5px; padding:5px; position:relative; background:#FFF; border:1px solid #222} imgenvoisonypetit {display:inline-block; width:25px; height:25px; border:1px solid #DDD; margin-left:5px; vertical-align: top;} txtenvoisonypetit {display:inline-block; width:150px; min-height:25px; padding:2px; text-align:right; font-family:arial; font-size:12px; line-height:13px; color:#222} creditwiko {text-align:center; display:block; font-size:9px; font-family:serif; text-transform:uppercase;}</style>
<sonyxperiaz2petit><nomsonypetit>Prénom</nomsonypetit><contsmsonypetit><!--DEBUT DU SMS RECU--><recusonypetit><imgrecusonypetit style="background:url(http://image.noelshack.com/fichiers/2015/41/1444415434-imagewiko.png); background-size:100%; background-position:center center"></imgrecusonypetit><txtrecusonypetit>voici un petit exemple de texte pour un message reçu sur ce téléphone</txtrecusonypetit></recusonypetit><!--FIN DU SMS RECU--><!--DEBUT DU SMS ENVOYE--><envoisonypetit><txtenvoisonypetit>voici un petit exemple de texte pour un message envoyé par ce téléphone</txtenvoisonypetit><imgenvoisonypetit style="background:url(http://image.noelshack.com/fichiers/2015/41/1444415434-imagewiko.png); background-size:100%; background-position:center center"></imgenvoisonypetit></envoisonypetit><!--FIN DU SMS ENVOYE--></contsmsonypetit></sonyxperiaz2petit><creditwiko><a href="http://2981122890.tumblr.com/">© 2981 12289 0</a></creditwiko>

<!--DEBUT DU SMS RECU--><recusonypetit><imgrecusonypetit style="background:url(http://image.noelshack.com/fichiers/2015/41/1444415434-imagewiko.png); background-size:100%; background-position:center center"></imgrecusonypetit><txtrecusonypetit>voici un petit exemple de texte pour un message reçu sur ce téléphone</txtrecusonypetit></recusonypetit><!--FIN DU SMS RECU-->

<style>.telephone{height: 640px; width: 300px; background-image:url(https://i37.servimg.com/u/f37/17/03/50/80/iphone10.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>

[left]<div class="reception">message reçu</div>[/left]

<center><link href='http://www.aht.li/2806336/telephone_blanc.css' rel='stylesheet' type='text/css'><div class="fondtelblanc"><div class="nomtelblanc">Prénom</div><div class="messagetelblanc">Message Ici</div><br><div class="messagetelblanc">[right]Message Ici[/right]
</div></div></center>

<center><link href='http://www.aht.li/2806314/telephone_kaneko.css' rel='stylesheet' type='text/css'><div class="fondtelkaneko"><div class="nomtelkaneko">Prénom</div><div class="messagetelkaneko">Message Ici</div><br><div class="messagetelkaneko">[right]Message Ici[/right]</div></div></center>

<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><br><div class="messagetelnoir">[right]Message Ici[/right]</div></div></center>