Jeu 9 Avr - 19:18
- Code Samsung violet:
- Code:
<link rel="stylesheet" href="http://djoan.hol.es/cssdjoantelcolor.css" media="all" type="text/css" />
<center><div class="fondtel1vi"><div class="fondtel2"><div class="pseudotel">PSEUDO</div></div><div class="fondtel3"><div style="height:auto"><img src="VOTRE ICON" class="ico2"><div class="mes2vi">MESSAGE</div>
</div>
<div style="height:auto"><img src="ICON" class="ico1"><div class="mes1vi">MESSAGE</div>
</div>
</div><div style=" height:62px;"><img src="ICON" class="ico3"></div>
<div style="margin-top:45px;font-size:9px;">:copyright: didoum</div></center>
<style>.fondtel1vi{background-image:url(https://imgur.com/2gDSBUL.png);width:300px;height:611px;margin:15px}.mes1vi{font-size:12px;line-height:13px;font-family:arial;color:#ffffff;background-color:#7902c8;width:170px;height:auto;padding:5px;border-radius:0px 10px 10px 15px;text-align:left;margin-top:-58px;margin-left:65px;}.mes2vi{font-size:12px;line-height:13px;font-family:arial;color:#ffffff;background-color :#9630d5;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>
- Code Samsung vert:
- Code:
<link rel="stylesheet" href="http://djoan.hol.es/cssdjoantelcolor.css" media="all" type="text/css" />
<center><div class="fondtel1v"><div class="fondtel2"><div class="pseudotel">PSEUDO</div></div><div class="fondtel3"><div style="height:auto"><img src="ICON" class="ico1"><div class="mes1v">MESSAGE</div>
</div>
<div style="height:auto; "><img src="ICON" class="ico2"><div class="mes2v">MESSAGE</div>
</div>
</div><div style=" height:62px;"><img src="ICON" class="ico3"></div>
<div style="margin-top:45px;font-size:9px;">:copyright: didoum</div></center>
<style>.fondtel1v{background-image:url(https://imgur.com/JxMhsSD.png);width:300px;height:611px;margin:15px}.mes1v{font-size:12px;line-height:13px;font-family:arial;color:#ffffff;background-color :#66c803;width:170px;height:auto;padding:5px;border-radius:0px 10px 10px 15px;text-align:left;margin-top:-58px;margin-left:65px;}.mes2v{font-size:12px;line-height:13px;font-family:arial;color:#ffffff;background-color:#7cce28;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></center>
- Code Samsung bleu:
- Code:
<link rel="stylesheet" href="http://djoan.hol.es/cssdjoantelcolor.css" media="all" type="text/css" />
<center><div class="fondtel1b"><div class="fondtel2"><div class="pseudotel">Nom du destinataire</div></div><div class="fondtel3"><div style="height:auto"><img src="https://i.pinimg.com/originals/5a/59/1c/5a591c4e208e1747894b41ec7f830beb.png" class="ico1"><div class="mes1b">Message</div></div>
<div style="height:auto"><img src="https://i.pinimg.com/originals/5a/59/1c/5a591c4e208e1747894b41ec7f830beb.png" class="ico2"><div class="mes2b">Message du destinaire</div>
</div>
</div><div style=" height:62px;"><img src="https://i.pinimg.com/originals/5a/59/1c/5a591c4e208e1747894b41ec7f830beb.png" class="ico3"></div>
<div style="margin-top:45px;font-size:9px;">:copyright: didoum</div></center>
<style>.fondtel1b{background-image:url(https://imgur.com/cm9tivm.png);width:300px;height:611px;margin:15px}.mes1b{font-size:12px;line-height:13px;font-family:arial;color:#ffffff;background-color :#047fc7;width:170px;height:auto;padding:5px;border-radius:0px 10px 10px 15px;text-align:left;margin-top:-58px;margin-left:65px;}.mes2b{font-size:12px;line-height:13px;font-family:arial;color:#ffffff;background-color :#308fc6;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>
- Code Samsung gris:
- Code:
<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">Name</div></div><div class="fondtel3"><div style="height:auto;"><img src="https://i.pinimg.com/originals/5a/59/1c/5a591c4e208e1747894b41ec7f830beb.png" class="ico2"><div class="mes2g">...</div>
</div>
<div style="height:auto;"><img src="https://i.pinimg.com/originals/5a/59/1c/5a591c4e208e1747894b41ec7f830beb.png" class="ico1"><div class="mes1g">...</div>
</div>
</div><div style="height:62px;"><img src="https://i.pinimg.com/originals/5a/59/1c/5a591c4e208e1747894b41ec7f830beb.png" class="ico3"></div>
<div style="margin-top:45px;font-size:9px;">:copyright:️️ 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:8px;margin-left:225px;text-align:left;border-radius:20px;}</style>
- Code Samsung rouge:
- Code:
<link rel="stylesheet" href="http://djoan.hol.es/cssdjoantelcolor.css" media="all" type="text/css" />
<center><div class="fondtel1r"><div class="fondtel2"><div class="pseudotel">Nom du destinaire</div></div><div class="fondtel3"><div style="height:auto"><img src="https://i.pinimg.com/originals/5a/59/1c/5a591c4e208e1747894b41ec7f830beb.png" class="ico2"><div class="mes2r">Message</div></div>
<div style="height:auto"><img src="https://i.pinimg.com/originals/5a/59/1c/5a591c4e208e1747894b41ec7f830beb.png" class="ico1"><div class="mes1r">Réponse du destinaire</div></div>
</div><div style=" height:62px;"><img src="https://2img.net/r/hpimg15/pics/400732100x.png" class="ico3"></div>
<div style="margin-top:45px;font-size:9px;">:copyright: didoum</div></center>
<style>.fondtel1r{background-image:url(https://imgur.com/rwGBnVR.png);width:300px;height:611px;margin:15px}.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;}.mes1r{font-size:12px;line-height:13px;font-family:arial;color:#ffffff;background-color :#c81002;width:170px;height:auto;padding:5px;border-radius:0px 10px 10px 15px;text-align:left;margin-top:-58px;margin-left:65px;}.mes2r{font-size:12px;line-height:13px;font-family:arial;color:#ffffff;background-color:#d53e30;width:170px;height:auto;padding:5px;border-radius:10px 0px 10px 15px;text-align:left;margin-top:-58px;margin-left: -68px;}</style>
Pseudo
message envoyé ici. message envoyé ici. message envoyé ici.
message reçu là. message reçu là. message reçu là.
- Code Iphone:
- Code:
<link href="https://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet">
<style type='text/css'>.vtel{background-image: url(http://i.imgur.com/xA5has3.png); width: 350px; height: 600px; margin: auto; text-align: center;}.vpseudo{font-family: Lato, sans-serif; font-size: 13px; color: black; font-weight: bold; padding-top: 80px; padding-bottom: 5px;}.vbg{width: 240px; height: 357px; margin-left: 52px; padding-top: 8px; overflow: auto;}.vm1{width: 180px; background-color: #007dfd; float: right; color: white; font-family: Lato, sans-serif; font-size: 10px; text-align: justify; margin-right: 5px; padding: 5px 8px; margin-bottom: 8px; border-radius: 15px; position: relative;}.vf1{width: 0; height: 0; border-right: 4px solid #007dfd; border-bottom: 4px solid #007dfd; border-top: 4px solid transparent; border-left: 4px solid transparent; position: absolute; bottom: 6px; right: 0px;}.vm2{width: 180px; background-color: #E6E5EB; float: left; color: black; font-family: Lato, sans-serif; font-size: 10px; text-align: justify; margin-left: 5px; padding: 5px 8px; margin-bottom: 8px; border-radius: 15px; position: relative;}.vf2{width: 0; height: 0; border-left: 4px solid #E6E5EB; border-bottom: 4px solid #E6E5EB; border-top: 4px solid transparent; border-right: 4px solid transparent; position: absolute; bottom: 6px; left: 0px;}/*fait par vercors sur bazzart, merci de ne pas vous l'approrier*/</style>
<div class="vtel"><div class="vpseudo">Pseudo</div><div class="vbg"><div class="vm1"><div class="vf1"></div>message envoyé ici. message envoyé ici. message envoyé ici.</div>
<div class="vm2"><div class="vf2"></div>message reçu là. message reçu là. message reçu là.</div>
</div></div>
en bref
Messages : 1864
Messages : 1864
Jeu 9 Avr - 19:22
username
Following
▾
349834238
Nom Prénom
Long nights, daydreams, sugar and smoke rings
youtu.be/PYI0E_Wr1gM
Followed by username, username, username + 1 more
Long nights, daydreams, sugar and smoke rings
youtu.be/PYI0E_Wr1gM
Followed by username, username, username + 1 more
89 5
89 5
89 5
89 5
89 5
89 5
89 5
89 5
89 5
89 5
89 5
89 5
89 5
- Code Instagram:
- Code:
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600" /> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"> <link rel="stylesheet" href="https://www.aht.li/3282401/insta.css" /> <link rel="stylesheet" href="https://www.aht.li/3282530/insta_onglets.css" /> <div class="insta"> <div class="profilIG"><img class="profil-image" src="https://via.placeholder.com/200x200" /> <div class="perso more"> <div class="pseudo">username</div> <div class="profil-btn">Following</div> <div class="profil-btn">▾</div></div> <div class="stat"><span class="posts">349</span><span class="followers">834</span><span class="following">238</span></div> <div class="bio"><strong>Nom Prénom</strong>
Long nights, daydreams, sugar and smoke rings [img]http://twemoji.maxcdn.com/16x16/1f48e.png[/img] [img]http://twemoji.maxcdn.com/16x16/1f48b.png[/img]
<a href="https://www.youtube.com/watch?v=PYI0E_Wr1gM" target="_blank">youtu.be/PYI0E_Wr1gM</a>
<span class="followed">Followed by <strong>username</strong>, <strong>username</strong>, <strong>username</strong> + 1 more</span></div></div>
<div class="tabs"><input class="input" name="tabs" type="radio" id="tab-1" checked="checked" /> <label class="label published" for="tab-1">Posts</label> <div class="panel"><div class="galerie"><!--
code ajout d'une image
--><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <img src="https://via.placeholder.com/200x150" /></div><!--
code ajout nouvelle image
--><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <div class="feed-type"><i class="fas fa-clone" aria-hidden="true"></i></div> <img src="https://via.placeholder.com/350x200" /></div><!--
code ajout nouvelle image
--><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <img src="https://via.placeholder.com/160x160" /></div><!--
code ajout nouvelle image
--><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <div class="feed-type"><i class="fas fa-video" aria-hidden="true"></i></div> <img src="https://via.placeholder.com/230x180" /></div><!--
code ajout nouvelle image
--><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <img src="https://via.placeholder.com/300x150" /></div><!--
code ajout nouvelle image
--><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <div class="feed-type"><i class="fas fa-clone" aria-hidden="true"></i></div> <img src="https://via.placeholder.com/350x150" /></div><!--
code ajout nouvelle image
--><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <div class="feed-type"><i class="fas fa-clone" aria-hidden="true"></i></div> <img src="https://via.placeholder.com/300x150" /></div><!--
code ajout nouvelle image
--><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <div class="feed-type"><i class="fas fa-video" aria-hidden="true"></i></div> <img src="https://via.placeholder.com/400x200" /></div><!--
code ajout nouvelle image
--><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <img src="https://via.placeholder.com/300x150" /></div><!--
FIN DU FEED INSTA
--></div></div><!--
DÉBUT DES IMAGES "MENTIONNÉ"
--><input class="input" name="tabs" type="radio" id="tab-2" /> <label class="label tagged" for="tab-2">Tagged</label> <div class="panel"> <div class="galerie"><!--
code ajout d'une image
--><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <img src="https://via.placeholder.com/200x150" /></div><!--
code ajout d'une image
--><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <img src="https://via.placeholder.com/200x150" /></div><!--
code ajout d'une image
--><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <img src="https://via.placeholder.com/200x150" /></div><!--
code ajout d'une image
--><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <img src="https://via.placeholder.com/200x150" /></div><!--
FIN DES MENTIONS
--></div></div> </div>
<div class="loader"></div></div> <credit>cr: HERESY.</credit>
439 Likes
username message ici
username commentaire
username commentaire
username commentaire
username message ici
username commentaire
username commentaire
username commentaire
June 15
- Code post Instagram:
- Code:
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,600" /> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"> <link rel="stylesheet" href="https://www.aht.li/3282993/insta-comm.css" /> <div class="insta-post"><div class="insta-id"><a href="http://www.bazzart.org/u7256" target="_blank"><img class="insta-id-pic" src="https://via.placeholder.com/200x200" /></a> <div class="id-pseudo">username • following</div></div><!--
--><img class="post-pic" src="https://via.placeholder.com/400x450" /><div class="post-like"><strong>439 Likes</strong>
<strong>username</strong> message ici
<hr />
<!-- la partie comms est facultative et peut être supprimée --><strong>username</strong> commentaire
<strong>username</strong> commentaire
<strong>username</strong> commentaire
<hr />
<div class="date">June 15</div></div></div>
en bref
Messages : 1864
Messages : 1864
Jeu 9 Avr - 19:28
Prénom P. Nom
@pseudo
Prénom P. Nom quelque chose sur ton perso ; quelque chose sur ton perso ; qualité ; défaut ;
NOM ALBUM 1 NOM ALBUM 2 NOM ALBUM 3
Prénom P. NomDate Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum.
Prénom P. Nom is going to an event Date
NOM DE L'EVENEMENT Mardi 3 septembre 2017 à 15h00
3 rue Jean-Claude Dus, Strasbourg
3 rue Jean-Claude Dus, Strasbourg
Prénom P. NomDate Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum.
- Code profil complet Facebook:
- Code:
<link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/5wt105ssbsp4e54/marelle_fb_20180623.css">
<center><link href="https://fonts.googleapis.com/css?family=Raleway|Roboto:400,700|Dancing+Script" rel="stylesheet"><div class="MarelleFacebook"> <!-- DEBUT PHOTO DE COUVERTURE ; dimension 468x172 --><div class="MarellePhotoCouv" id="photo de couverture" style="
background-image:url(https://i11.servimg.com/u/f11/13/73/91/76/20864210.jpg);background-size:468px auto;"></div><!-- FIN PHOTO DE COUVERTURE --> <!-- DEBUT PHOTO DE PROFIL ; dimension 100x100 --><div class="MarellePhotoProfil" id="PHOTO PROFIL" style="background-image:url(http://78.media.tumblr.com/avatar_ccd39acdd20d_128.pnj);background-size:100px 100px;"></div><!-- FIN PHOTO DE PROFIL --> <!-- DEBUT NOM ET PRENOM --><div id="NOM PRÉNOM" class="MarelleProfilNomPrenom">Prénom P. Nom</div><!-- FIN NOM ET PRENOM --> <!-- DEBUT PSEUDO --><div id="pseudo" class="MarelleProfilPseudo">@pseudo</div><!-- FIN PSEUDO --> <!-- DEBUT BLOC DE PRESENTATION --><div id="blocpresentation" class="MarelleBlocPresentation"> <!-- DEBUT NOM ET PRENOM --><span style="font-size:9px;">Prénom P. Nom</span><!-- FIN FIN NOM ET PRENOM --> <!-- DEBUT PRESENTATION - quelques mots sur ton personnage --><span style="font-size:8px;position:absolute;top:20px;left:6px;font-weight: normal;">quelque chose sur ton perso ; quelque chose sur ton perso ; qualité ; défaut ; </span><!-- FIN PRESENTATION --> </div><!-- FIN BLOCK DE PRESENTATION --> <!-- DEBUT DES ALBUMS (x3) --><div id="albums couv" class="MarelleAlbumsCouv"> <!-- DEBUT ALBUM 1 : dimension 61x41 ; pas de titre trop long --><img id="IMAGE ALBUM 1" src="https://www.vizeo.net/wp-content/uploads/2017/08/visiter_barcelone_video_alex_vizeo.jpg" class="IMGAlbum IMGAlbum1" height="41" width="61" /> <span id="TITRE ALBUM 1" class="TextAlbum TextAlbum1">NOM ALBUM 1 </span><!-- FIN ALBUM 1 --> <!-- DEBUT ALBUM 2 --><img id="IMAGE ALBUM 2" src="http://blog.crazymoto.net/wp-content/uploads/2009/02/interview_carmichael.jpg" class="IMGAlbum IMGAlbum2" height="41" width="61" /> <span id="TITRE ALBUM 2" class="TextAlbum TextAlbum2">NOM ALBUM 2</span><!-- FIN ALBUM 2 --> <!-- DEBUT ALBUM 3 --><img id="IMAGE ALBUM 3" src="https://media.melty.fr/article-2816016-thumb/agents-of-shield-saison-3-chloe-bennet-parle.jpg" class="IMGAlbum IMGAlbum3" height="41" width="61" /> <span id="TITRE ALBUM 3" class="TextAlbum TextAlbum3">NOM ALBUM 3</span><!-- FIN FIN ALBUM 3 --> </div> <!-- DEBUT BLOC IMAGES (x7+) - dimension : 55x55 --><div id="BLOC PICTURES" class="MarellePhotosVracs"> <!-- DEBUT RANGE 1 --><img id="IMAGE RANG 1 NUMERO 1" src="https://i78.servimg.com/u/f78/13/73/91/76/icon10.jpg" class="IMGVrac" /> <img id="IMAGE RANG 1 NUMERO 2" src="https://i78.servimg.com/u/f78/13/73/91/76/icon10.jpg" class="IMGVrac" /> <img id="IMAGE RANG 1 NUMERO 3" src="https://i78.servimg.com/u/f78/13/73/91/76/icon10.jpg" class="IMGVrac" /><!-- FIN RANGE 1 --> <!-- DEBUT RANGE 2 --><img id="IMAGE RANG 2 NUMERO 1" src="https://i78.servimg.com/u/f78/13/73/91/76/icon10.jpg" class="IMGVrac" /> <img id="IMAGE RANG 2 NUMERO 2" src="https://i78.servimg.com/u/f78/13/73/91/76/icon10.jpg" class="IMGVrac" /> <img id="IMAGE RANG 2 NUMERO 3" src="https://i78.servimg.com/u/f78/13/73/91/76/icon10.jpg" class="IMGVrac" /><!-- FIN RANGE 2 --> <!-- DEBUT RANGE 3 --><img id="IMAGE RANG 3 NUMERO 1" src="https://i78.servimg.com/u/f78/13/73/91/76/icon10.jpg" class="IMGVrac" /><!-- FIN RANGE 3 --> </div><!-- FIN BLOC IMAGES --> <!-- DEBUT PUBLICATIONS FACEBOOK - CHANGE COVER / POST / EVENT / POST --><div id="publications facebook" class="MarellePublications"> <!-- DEBUT NEW COVER --><div id="NOUVELLE IMAGE DE COUVERTURE" class="MarelleBlocNewPhotoCouv"> <img src="https://i62.servimg.com/u/f62/13/73/91/76/couver10.jpg" width="281" style="position:relative;" /><!-- DEBUT IMAGE DE PROFIL ; icône (22x22) --><img src="http://78.media.tumblr.com/avatar_ccd39acdd20d_128.pnj" class="MarelleImgProfilPublic" /><!-- FIN IMAGE DE PROFIL --><div class="MarellePubliNomPrenomPosition"><!-- DEBUT NOM DU PERSONNAGE --><span class="MarellePubliNomPrenomStyle">Prénom P. Nom</span><!-- FIN NOM DU PERSONNAGE --><span class="MarellePubliNomPrenomAction"> changed his cover photo</span> <!-- DEBUT DATE --><span class="MarellePubliDate">Date</span><!-- FIN DATE --></div><!-- DEBUT IMAGE COUVERTURE ; dimension 277x102 --><div id="nouvelle couverture" class="MarelleNewPhotoCouv" style="background-image:url(http://blog.univ-angers.fr/marchenoelastrasbourg/files/2016/01/Marche_Noel.jpg)"></div><!-- FIN IMAGE COUVERTURE --> </div><!-- FIN NEW COVER --> <!-- DEBUT NEW POST --><div id="new profile" class="MarelleBlocNewProfil"> <!-- DEBUT IMAGE DE PROFIL ; icône (22x22) --><img src="http://78.media.tumblr.com/avatar_ccd39acdd20d_128.pnj" class="MarelleImgProfilPublic" /><!-- FIN IMAGE DE PROFIL --><div class="MarellePubliNomPrenomPosition"><!-- DEBUT NOM DU PERSONNAGE --><span class="MarellePubliNomPrenomStyle">Prénom P. Nom</span><!-- FIN NOM DU PERSONNAGE --><!-- DEBUT DATE --><span class="MarellePubliDate">Date</span><!-- FIN DATE --> <!-- DEBUT PROFILE --><span class="MarelleNewProfil"> Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. </span><!-- FIN PROFILE --> </div> </div><!-- FIN NEW POST --> <!-- DEBUT NEW EVENT --><div id="NOUVEL EVENT" class="MarelleBlocNewEvent"> <img src="https://i62.servimg.com/u/f62/13/73/91/76/event10.jpg" width="279" style="position:relative;" /><!-- DEBUT IMAGE DE PROFIL ; icône (22x22) --><img src="http://78.media.tumblr.com/avatar_ccd39acdd20d_128.pnj" class="MarelleImgProfilPublic" /><!-- FIN IMAGE DE PROFIL --><div class="MarellePubliNomPrenomPosition"><!-- DEBUT NOM DU PERSONNAGE --><span class="MarellePubliNomPrenomStyle">Prénom P. Nom</span><!-- FIN NOM DU PERSONNAGE --><span class="MarellePubliNomPrenomAction"> is going to an event</span> <!-- DEBUT DATE --><span class="MarellePubliDate">Date</span><!-- FIN DATE --></div><div id="nouvelle couverture" class="MarelleNewEventCouv" style="background-image:url(https://blog.soul.city/wp-content/uploads/2016/10/marche-noel-strasbourg-soul.city_-1024x682.jpg)"></div> <!-- DEBUT NOM EVENT --><div class="MarelleNewEventInfo"><span class="MarelleNewEventName">NOM DE L'EVENEMENT</span><!-- FIN NOM EVENT --> <!-- DEBUT DATE/LIEU EVENT - séparés par balise br --><span class="MarelleNewEventDatePlace">Mardi 3 septembre 2017 à 15h00<br/>3 rue Jean-Claude Dus, Strasbourg</span><!-- FIN DATE/LIEU EVENT --></div> </div><!-- FIN NEW EVENT --> <!-- DEBUT NEW POST --><div id="new profile 2" style="position:relative;top:470px;width:278px;line-height: 1.2;"> <!-- DEBUT IMAGE DE PROFIL ; icône (22x22) --><img src="http://78.media.tumblr.com/avatar_ccd39acdd20d_128.pnj" class="MarelleImgProfilPublic" /><!-- FIN IMAGE DE PROFIL --><div class="MarellePubliNomPrenomPosition"><!-- DEBUT NOM DU PERSONNAGE --><span class="MarellePubliNomPrenomStyle">Prénom P. Nom</span><!-- FIN NOM DU PERSONNAGE --><!-- DEBUT DATE --><span class="MarellePubliDate">Date</span><!-- FIN DATE --> <!-- DEBUT PROFILE --><span class="MarelleNewProfil"> Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. </span><!-- FIN PROFILE --> </div> </div><!-- FIN NEW POST --> </div> <span class="MarelleFacebookCredit">by marelle</span></div></center>
- Code changement de photo de couverture:
- Code:
<center><link href="https://fonts.googleapis.com/css?family=Raleway|Roboto:400,700" rel="stylesheet"><div style="position:relative;border:1px solid #dedfe1;width:510px;text-align:justify;font-family: 'Roboto', sans-serif;text-align:justify;color:#000;font-size:12px;height:288px;"><img src="https://i62.servimg.com/u/f62/13/73/91/76/couver10.jpg" style="width:510px;position:relative;" /><img src="http://78.media.tumblr.com/avatar_ccd39acdd20d_128.pnj" width="40" style="position:absolute;top:12px;left:12px;" /><div style="position:absolute;top:16px;left:62px;background-color:white;height:35px;"><span style="font-weight:bold;font-size:13px;">Prénom P. Nom</span><span style="font-weight:normal;font-style:italic;color:#4e68a5;font-size:13px;"> changed his cover photo</span> <span style="position:absolute;top:16px;left:0px;font-weight:light;font-size:12px;color:#a7a7a7;">Date</span></div><!-- IMAGE DE COUVERTURE ; dimension 502x185 --><div id="couverture event" style="position:absolute;top:67px;left:4px;width:502px;height:185px;background-image:url(https://blog.soul.city/wp-content/uploads/2016/10/marche-noel-strasbourg-soul.city_-1024x682.jpg)"></div></div></center>
- Code participation à un événement:
- Code:
<center><link href="https://fonts.googleapis.com/css?family=Raleway|Roboto:400,700" rel="stylesheet"><div style="position:relative;border:1px solid #dedfe1;width:510px;text-align:justify;font-family: 'Roboto', sans-serif;text-align:justify;color:#000;font-size:12px;height:366px;"><img src="https://i62.servimg.com/u/f62/13/73/91/76/event10.jpg" style="width:510px;position:relative;" /><img src="http://78.media.tumblr.com/avatar_ccd39acdd20d_128.pnj" width="40" style="position:absolute;top:12px;left:12px;" /><div style="position:absolute;top:16px;left:62px;background-color:white;height:35px;"><span style="font-weight:bold;font-size:13px;">Prénom P. Nom</span><span style="font-weight:normal;font-style:italic;color:#4e68a5;font-size:13px;"> is going to an event</span><span style="position:absolute;top:16px;left:0px;font-weight:light;font-size:12px;color:#a7a7a7;">Date</span></div><!-- DEBUT IMAGE DE L'EVENT ; dimension 484x179 --><div id="couverture event" style="position:absolute;top:69px;left:13px;width:484px;height:179px;background-image:url(https://defigrandesecoles.lexpress.fr/strasbourg/wp-content/blogs.dir/32/files/2016/01/coze.fr_.jpg)"></div><div style="position:absolute;top:256px;left:22px;background-color:white;height:55px;width:300px;"><span style="font-weight:bold;font-size:13px;color:#4e68a5;">Marché de Noël de Strasbourg</span><span style="position:absolute;top:16px;left:1px;font-weight:light;font-size:12px;color:#a7a7a7;">Mardi 3 septembre 2017 à 15h00<br/>3 rue Jean-Claude Dus, Strasbourg</span></div></div></center>
- Code ajout d'une photo:
- Code:
<center><link href="https://fonts.googleapis.com/css?family=Raleway|Roboto:400,700" rel="stylesheet"><div style="position:relative;border:1px solid #dedfe1;width:510px;text-align:justify;font-family: 'Roboto', sans-serif;text-align:justify;color:#000;font-size:12px;height:604px;"><img src="https://i62.servimg.com/u/f62/13/73/91/76/new_im10.jpg" style="width:510px;position:relative;" /><img src="http://78.media.tumblr.com/avatar_ccd39acdd20d_128.pnj" width="40" style="position:absolute;top:12px;left:12px;" /><div style="position:absolute;top:16px;left:62px;background-color:white;height:35px;"><span style="font-weight:bold;font-size:13px;">Prénom P. Nom</span><span style="font-weight:normal;font-style:italic;color:#4e68a5;font-size:13px;"> changed his profile photo</span> <span style="position:absolute;top:16px;left:0px;font-weight:light;font-size:12px;color:#a7a7a7;">Date</span></div><div id="couverture event" style="position:absolute;top:67px;left:4px;width:502px;height:500px;background-image:url(https://mysteryoftheinquity.files.wordpress.com/2011/01/spaceimages_2095_19430337.jpg?w=590)"></div></div></center>
- Code post simple:
- Prénom P. Nom DateLorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum mi ex, tempor ac eleifend sit amet, dapibus semper dui. Morbi ac quam congue, blandit augue sit amet, placerat mi. Maecenas dui est, pretium sed dignissim ac, ultrices ac eros. Suspendisse vitae ex at lacus maximus interdum. Phasellus imperdiet pharetra consectetur. Fusce quis velit gravida, pellentesque magna condimentum, mollis dolor. Fusce tempor enim vel ex viverra pulvinar.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum mi ex, tempor ac eleifend sit amet, dapibus semper dui. Morbi ac quam congue, blandit augue sit amet, placerat mi. Maecenas dui est, pretium sed dignissim ac, ultrices ac eros. Suspendisse vitae ex at lacus maximus interdum. Phasellus imperdiet pharetra consectetur. Fusce quis velit gravida, pellentesque magna condimentum, mollis dolor. Fusce tempor enim vel ex viverra pulvinar.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum mi ex, tempor ac eleifend sit amet, dapibus semper dui. Morbi ac quam congue, blandit augue sit amet, placerat mi. Maecenas dui est, pretium sed dignissim ac, ultrices ac eros. Suspendisse vitae ex at lacus maximus interdum. Phasellus imperdiet pharetra consectetur. Fusce quis velit gravida, pellentesque magna condimentum, mollis dolor. Fusce tempor enim vel ex viverra pulvinar.
- Code:
<center><link href="https://fonts.googleapis.com/css?family=Raleway|Roboto:400,700" rel="stylesheet"><div style="position:relative;border:1px solid #dedfe1;width:510px;text-align:justify;font-family: 'Roboto', sans-serif;text-align:justify;color:#000;font-size:12px;"><img src="https://i62.servimg.com/u/f62/13/73/91/76/haut_p10.jpg" style="position:relative;left:-1px" /><img src="http://78.media.tumblr.com/avatar_ccd39acdd20d_128.pnj" width="40" style="position:absolute;top:12px;left:12px;" /><div style="position:absolute;top:16px;left:62px;background-color:white;height:35px;"><span style="font-weight:bold;font-size:13px;">Prénom P. Nom</span> <span style="position:absolute;top:16px;left:0px;font-weight:light;font-size:12px;font-style:italic;">Date</span></div><div style="padding:15px;width:480px;padding-top:10px;max-height:450px;overflow-y:auto;background-color:white;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum mi ex, tempor ac eleifend sit amet, dapibus semper dui. Morbi ac quam congue, blandit augue sit amet, placerat mi. Maecenas dui est, pretium sed dignissim ac, ultrices ac eros. Suspendisse vitae ex at lacus maximus interdum. Phasellus imperdiet pharetra consectetur. Fusce quis velit gravida, pellentesque magna condimentum, mollis dolor. Fusce tempor enim vel ex viverra pulvinar.<br />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum mi ex, tempor ac eleifend sit amet, dapibus semper dui. Morbi ac quam congue, blandit augue sit amet, placerat mi. Maecenas dui est, pretium sed dignissim ac, ultrices ac eros. Suspendisse vitae ex at lacus maximus interdum. Phasellus imperdiet pharetra consectetur. Fusce quis velit gravida, pellentesque magna condimentum, mollis dolor. Fusce tempor enim vel ex viverra pulvinar.<br />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum mi ex, tempor ac eleifend sit amet, dapibus semper dui. Morbi ac quam congue, blandit augue sit amet, placerat mi. Maecenas dui est, pretium sed dignissim ac, ultrices ac eros. Suspendisse vitae ex at lacus maximus interdum. Phasellus imperdiet pharetra consectetur. Fusce quis velit gravida, pellentesque magna condimentum, mollis dolor. Fusce tempor enim vel ex viverra pulvinar.<br /></div><img src="https://i62.servimg.com/u/f62/13/73/91/76/bas_po10.jpg" style="position:relative;left:-1px;bottom:0px;"/></div></center>
en bref
Messages : 1864
Messages : 1864
Jeu 9 Avr - 19:32
_A___Adresse mail du correspondant
_Objet___Petite phrase explicative
_Objet___Petite phrase explicative
- Spoiler:
Cum autem commodis intervallata temporibus convivia longa et noxia coeperint apparari vel distributio sollemnium sportularum, anxia deliberatione tractatur an exceptis his quibus vicissitudo debetur, peregrinum invitari conveniet, et si digesto plene consilio id placuerit fieri, is adhibetur qui pro domibus excubat aurigarum aut artem tesserariam profitetur aut secretiora quaedam se nosse confingit. Victus universis caro ferina est lactisque abundans copia qua sustentantur, et herbae multiplices et siquae alites capi per aucupium possint, et plerosque mos vidimus frumenti usum et vini penitus ignorantes. Accedat huc suavitas quaedam oportet sermonum atque morum, haudquaquam mediocre condimentum amicitiae. Tristitia autem et in omni re severitas habet illa quidem gravitatem, sed amicitia remissior esse debet et liberior et dulcior et ad omnem comitatem facilitatemque proclivior. Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora. Nisi mihi Phaedrum, inquam, tu mentitum aut Zenonem putas, quorum utrumque audivi, cum mihi nihil sane praeter sedulitatem probarent, omnes mihi Epicuri sententiae satis notae sunt. atque eos, quos nominavi, cum Attico nostro frequenter audivi, cum miraretur ille quidem utrumque, Phaedrum autem etiam amaret, cotidieque inter nos ea, quae audiebamus, conferebamus, neque erat umquam controversia, quid ego intellegerem, sed quid probarem. Fieri, inquam, Triari, nullo pacto potest, ut non dicas, quid non probes eius, a quo dissentias. quid enim me prohiberet Epicureum esse, si probarem, quae ille diceret? cum praesertim illa perdiscere ludus esset. Quam ob rem dissentientium inter se reprehensiones non sunt vituperandae, maledicta, contumeliae, tum iracundiae, contentiones concertationesque in disputando pertinaces indignae philosophia mihi videri solent. Adolescebat autem obstinatum propositum erga haec et similia multa scrutanda, stimulos admovente regina, quae abrupte mariti fortunas trudebat in exitium praeceps, cum eum potius lenitate feminea ad veritatis humanitatisque viam reducere utilia suadendo deberet, ut in Gordianorum actibus factitasse Maximini truculenti illius imperatoris rettulimus coniugem. Nec piget dicere avide magis hanc insulam populum Romanum invasisse quam iuste. Ptolomaeo enim rege foederato nobis et socio ob aerarii nostri angustias iusso sine ulla culpa proscribi ideoque hausto veneno voluntaria morte deleto et tributaria facta est et velut hostiles eius exuviae classi inpositae in urbem advectae sunt per Catonem, nunc repetetur ordo gestorum.
FICHE PAR SUANA
- Code mail:
- Code:
<center><div style="background-image: url(http://fotoforum.fr/photos/2013/05/16.88.jpg); padding-right: 6px; padding-left: 6px; width: 495px; border-left: 8px black solid; border-right: 8px black solid; -moz-border-radius: 15px; box-shadow: 0px 0px 4px #000000;-moz-box-shadow: 0px 0px 4px #000000;-o-box-shadow: 0px 0px 4px #000000;-htm-box-shadow: 0px 0px 4px #000000;-webkit-box-shadow: 0px 0px 4px #000000;"><div style="height:150px; font-family: calibri; font-size: 12px; letter-spacing: 1px; line-height: 100%; text-align: justify; overflow: auto;">
[left][color=white]_[/color][color=grey]A[/color][color=white]___[/color][color=black]Adresse mail du correspondant[/color]
[color=white]_[/color][color=grey]Objet[/color][color=white]___[/color][color=black]Petite phrase explicative[/color][/left]
</div><div style=" width:400px; background: #fff; height: 200px; padding: 5px; color: #000; font-family: calibri; font-size: 12px; letter-spacing: 1px; line-height: 100%; text-align: justify; overflow: auto; "><blink>[color=black][b][size=14]Pièce jointe[/size][/b][/color]</blink>
[spoiler][/spoiler]
Cum autem commodis intervallata temporibus convivia longa et noxia coeperint apparari vel distributio sollemnium sportularum, anxia deliberatione tractatur an exceptis his quibus vicissitudo debetur, peregrinum invitari conveniet, et si digesto plene consilio id placuerit fieri, is adhibetur qui pro domibus excubat aurigarum aut artem tesserariam profitetur aut secretiora quaedam se nosse confingit. Victus universis caro ferina est lactisque abundans copia qua sustentantur, et herbae multiplices et siquae alites capi per aucupium possint, et plerosque mos vidimus frumenti usum et vini penitus ignorantes. Accedat huc suavitas quaedam oportet sermonum atque morum, haudquaquam mediocre condimentum amicitiae. Tristitia autem et in omni re severitas habet illa quidem gravitatem, sed amicitia remissior esse debet et liberior et dulcior et ad omnem comitatem facilitatemque proclivior. Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora. Nisi mihi Phaedrum, inquam, tu mentitum aut Zenonem putas, quorum utrumque audivi, cum mihi nihil sane praeter sedulitatem probarent, omnes mihi Epicuri sententiae satis notae sunt. atque eos, quos nominavi, cum Attico nostro frequenter audivi, cum miraretur ille quidem utrumque, Phaedrum autem etiam amaret, cotidieque inter nos ea, quae audiebamus, conferebamus, neque erat umquam controversia, quid ego intellegerem, sed quid probarem. Fieri, inquam, Triari, nullo pacto potest, ut non dicas, quid non probes eius, a quo dissentias. quid enim me prohiberet Epicureum esse, si probarem, quae ille diceret? cum praesertim illa perdiscere ludus esset. Quam ob rem dissentientium inter se reprehensiones non sunt vituperandae, maledicta, contumeliae, tum iracundiae, contentiones concertationesque in disputando pertinaces indignae philosophia mihi videri solent. Adolescebat autem obstinatum propositum erga haec et similia multa scrutanda, stimulos admovente regina, quae abrupte mariti fortunas trudebat in exitium praeceps, cum eum potius lenitate feminea ad veritatis humanitatisque viam reducere utilia suadendo deberet, ut in Gordianorum actibus factitasse Maximini truculenti illius imperatoris rettulimus coniugem. Nec piget dicere avide magis hanc insulam populum Romanum invasisse quam iuste. Ptolomaeo enim rege foederato nobis et socio ob aerarii nostri angustias iusso sine ulla culpa proscribi ideoque hausto veneno voluntaria morte deleto et tributaria facta est et velut hostiles eius exuviae classi inpositae in urbem advectae sunt per Catonem, nunc repetetur ordo gestorum.
</div><div style="height:45px;"></div><div style="font-family: calibri; font-size: 10px; letter-spacing: 0px; text-transform: uppercase;"></div><div style="align: center; font-size: 9px; font-family: arial;">[color=#454545]FICHE PAR SUANA[/color]</div></div></center>
en bref
Messages : 1864
Messages : 1864
Dim 4 Oct - 14:32
Pseudo | |||
00:00 |
b | 00:00 |
00:00 |
00:00 |
made by .sapphire
- Code Skype:
- Code:
<style type="text/css">.cadreblanc{background-color: #fff; width: 500px; height: 400px;} .imagepseudo{width: 70px; height: 70px; border-radius: 100px;} .cadrepseudo{width: 215px; height: 20px; border-radius: 20px; background:#C7EDFC; padding: 20px;} .pseudo{color: #D34A77; font-size: 25px; font-family: arial; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff;} .cadreoverflow{width: 500px; height: 280px; background:#fff; overflow: auto;} .imagemessage{width: 50px; height: 50px; border-radius: 100px;} .flechegauche{width:0; height:0; border-style: solid; border-width: 5px 8px 5px 0; border-color:transparent; border-right-color:#F0F4F8; margin-top: -10px;} .cadremessagegris{width: 360px; background:#F0F4F8; padding: 12px; display: inline-block;} .cadremessagespan{color: #000; font-size: 15px; font-family: arial;} .heure{color: #667486; font-size: 10px; font-family: arial;} .espace{width: 59px; height: 50px; color: #fff;} .cadremessagebleu{width: 360px; background:#C7EDFC; padding: 12px; display: inline-block;} .flechedroite{width:0; height:0; border-style: solid; border-width: 5px 0 5px 8px; border-color:transparent; border-left-color:#C7EDFC; margin-top: -10px;} .cadrecredit{background: #fff; width: 500px; text-align: right;} .cadrecreditspan{font-family: arial; font-size: 7px; color: #667486;}</style>
<div class="cadreblanc"><table><tr><td><img src="https://l-userpic.livejournal.com/123566551/68620810" class="imagepseudo"></td><td><img src="https://i.imgur.com/nivmRVR.png"/>
<img src="https://i.imgur.com/xtDxbOW.png"/></td><td><div class="cadrepseudo"><span class="pseudo">Pseudo</span></div></td><td><img src="https://2img.net/r/hpimg4/pics/638601Sanstitre1.png" style="margin-right: 4px;"></img><img src="https://2img.net/r/hpimg4/pics/844579Sanstitre2.png"style="margin-right: 4px;"></img><img src="https://2img.net/r/hpimg4/pics/405865Sanstitre3.png"/></td>
</tr><tr><td colspan="4"><img src="https://i.imgur.com/0JvNsIJ.png"/></td></tr></table><div class="cadreoverflow"><table><tr><td><img src="https://l-userpic.livejournal.com/123566551/68620810" class="imagemessage"></td><td><div style="display: inline-block;"><div class="flechegauche"></div></div><div class="cadremessagegris"><span class="cadremessagespan">Message reçu</span></div></td><td><span class="heure">00:00</span></td></tr></table><table><tr><td><div class="espace">b</div></td><td><div class="cadremessagegris"><span class="cadremessagespan">Message reçu</span></div></td><td><span class="heure">00:00</span></td></tr></table><table><tr><td><span class="heure">00:00</span></td><td><div class="cadremessagebleu"><span class="cadremessagespan">Message reçu</span></div><div style="display: inline-block;"><div class="flechedroite"></div></div></td><td><img src="https://l-userpic.livejournal.com/123566551/68620810" class="imagemessage"></td></tr></table><table><tr><td><span class="heure">00:00</span></td><td><div class="cadremessagebleu"><span class="cadremessagespan">Message reçu</span></div></td></tr></table>
</div></div><div class="cadrecredit"><span class="cadrecreditspan">made by .sapphire</span></div>
en bref
Messages : 1864
Messages : 1864
en bref