différents modèles pour vos réseaux sociaux ~

codes en ls pour vos réseaux

pour être dans le coup !

Afin de rendre vos réseaux sociaux plus jolis et plus cohérents, nous mettons à disposition quelques codes ci-dessous. Evidemment, ils ne sont pas de nous donc il est impératif de laisser le crédit pour respecter le travail du créateur. :coeur:

INSTAGRAM

Spoiler:

le profil

Code:: <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet"> <center><div style="background:white; width:400px; height: 40px;padding: 10px; text-align: justify;"><img src="https://i.imgbox.com/Ah5a4w4c.png" style="float:left; margin-right: 50px;"><div style="font-family:'Open Sans Condensed'; font-size: 20px;color:#003569; margin-top: 10px;float:right;">pseudo</div></div><div style="background:#FAFAFA; width:400px; height:400px;padding: 10px; text-align: justify;"><img src="http://68.media.tumblr.com/f599c16ba0c86b9ab55d7a9bd700c3ec/tumblr_inline_mtnyu3o1Sh1rnruf5.png" style="height:100px; float: left; border-radius: 90px;"><table><tr><td><div style="font-family:'Open Sans Condensed'; font-size: 16px; margin-left: 90px;text-align:center;">[b]000[/b] publications</div></td><td><div style="font-family:'Open Sans Condensed';font-size: 16px; margin-left: 10px;text-align:center;">[b]000[/b] abonnés</div></td><td><div style="font-family:'Open Sans Condensed'; font-size: 16px; margin-left: 10px;text-align:center;">[b]000[/b] suivis</div></td></tr></table><table><tr><td><div style="font-family:'Open Sans Condensed'; font-size: 14px;color:#003569; float: left; margin-left: 20px;">[b]pseudo[/b] › </div> </td><td><div style="font-family:'Open Sans Condensed'; font-size: 12px;">description</div></td></tr></table>
<br><br><br><center><img src="http://68.media.tumblr.com/f599c16ba0c86b9ab55d7a9bd700c3ec/tumblr_inline_mtnyu3o1Sh1rnruf5.png" style="height:120px; float: left; border-radius: 5px; margin-left: 10px;"><img src="http://68.media.tumblr.com/f599c16ba0c86b9ab55d7a9bd700c3ec/tumblr_inline_mtnyu3o1Sh1rnruf5.png" style="height:120px; float: left; border-radius: 5px; margin-left: 10px;"><img src="http://68.media.tumblr.com/f599c16ba0c86b9ab55d7a9bd700c3ec/tumblr_inline_mtnyu3o1Sh1rnruf5.png" style="height:120px; float: left; border-radius: 5px; margin-left: 10px;">

<img src="http://68.media.tumblr.com/f599c16ba0c86b9ab55d7a9bd700c3ec/tumblr_inline_mtnyu3o1Sh1rnruf5.png" style="height:120px; float: left; border-radius: 5px; margin-left: 10px;margin-top: 15px;"><img src="http://68.media.tumblr.com/f599c16ba0c86b9ab55d7a9bd700c3ec/tumblr_inline_mtnyu3o1Sh1rnruf5.png" style="height:120px; float: left; border-radius: 5px; margin-left: 10px;margin-top:15px;"><img src="http://68.media.tumblr.com/f599c16ba0c86b9ab55d7a9bd700c3ec/tumblr_inline_mtnyu3o1Sh1rnruf5.png" style="height:120px; float: left; border-radius: 5px; margin-left: 10px;margin-top: 15px;">

</center></div><img src="https://2img.net/r/hpimg4/pics/453728codeinsta2.png"></center>

nouvelle photo

Code:: <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet"> <center><div style="background:white; width:400px; height: 40px;padding: 10px; text-align: justify;"><img src="https://2img.net/r/hpimg4/pics/282786codeinsta.png" style="float:left; margin-right: 50px;"><div style="font-family:'Open Sans Condensed'; font-size: 20px;color:#003569; margin-top: 10px;float:right;">pseudo</div></div><div style="background:#FAFAFA; width:400px; height:255px;padding: 10px; text-align: justify;"><table><tr><td><img src="https://s-media-cache-ak0.pinimg.com/736x/60/cf/db/60cfdb96744a9cc380f96b23b1d7550d.jpg" style="height: 250px; width:250px;"><td><div style="width:150px; height: 230px;margin-left:2px;"><table><tr><td><img src="http://68.media.tumblr.com/f599c16ba0c86b9ab55d7a9bd700c3ec/tumblr_inline_mtnyu3o1Sh1rnruf5.png" style="height:40px; border-radius: 90px;margin-top: -10px; "></td><td><div style="font-family:'Open Sans Condensed'; font-size: 14px;color:#003569; margin-left: 15px; margin-top:-10px;">pseudo</div></td></tr></table><center><div style="background:#DADADA; height:1px; width: 148px;"></center><table><tr><td><div style="font-family:'Open Sans Condensed'; font-size: 14px; float: left; ">000 J'aime</div> </td><td><div style="font-family:'Open Sans Condensed'; font-size: 12px; margin-left:83px;">1j</div></td></tr></table>
<div style="background:#FAFAFA; height:137px; width: 150px;text-align:justify;"><div style="font-family:'Open Sans Condensed'; font-size: 14px;color:#003569; float: left;">[b]pseudo[/b] › </div><div style="font-family:'Open Sans Condensed'; font-size: 12px;margin-left:4px;"> description</div>
</div>
<div style="background:#FAFAFA; height:20px; width: 150px;"><div style="background:#DADADA; height:1px; width: 148px;"><table><tr><td><div style="font-family:'Open Sans Condensed'; font-size: 12px; ">écrire un commentaire...</div></td><td><img src="https://2img.net/r/hpimg4/pics/458975pointscommentaires.png" style="float:right;height:20px;margin-top:3px; margin-left:15px;"></td></tr></table>
</td></tr></table>
</div>
</div></center>

SNAPCHAT
ne vous étonnez pas si le code bug lors de la prévisualisation, tout revient à la normal une fois posté !

Spoiler:

TWITTER

Spoiler:

le profil

Code:: <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="https://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>

le tweet

Code:: <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 putain 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>

FACEBOOK

Spoiler:

le profil (code assez long)

Code:: <center><link href="https://fonts.googleapis.com/css?family=Raleway|Roboto:400,700|Dancing+Script" rel="stylesheet"><div style="background-image:url(https://i.servimg.com/u/f62/13/73/91/76/facebo11.jpg);background-size:600px auto;width:600px;height:875px;position:relative;font-family: 'Roboto', sans-serif;text-align:justify;color:#000;font-weight:bold;"> <div id="photo de couverture" style="position:absolute;background-image:url(http://les-couvertures-fb.com/wp-content/uploads/2012/10/LEGO-star-wars-photo-de-couverture-journal-facebook.jpg);background-size:468px 172px;width:468px;height:172px;top:30px;left:31px"></div> <div id="PHOTO PROFIL" style="position:absolute;background-image:url(http://78.media.tumblr.com/avatar_ccd39acdd20d_128.pnj);background-size:100px 100px;width:93px;height:94px;top:126px;left:39px;border:1px solid #000;"></div> <div id="NOM PRÉNOM" style="position:absolute;top:165px;font-size:14px;left:138px;color:#fff;font-weight:bold;">Prénom P. Nom</div> <div id="pseudo" style="position:absolute;top:185px;font-size:10px;left:138px;color:#fff;">@pseudo</div> <div id="blocpresentation" style="background-color:#fff;position:absolute;top:243px;left:31px;padding-left:5px;padding-right:5px;height:55px;width:168px;text-align:left;overflow-y:auto;line-height: 1.2;"> <span style="font-size:9px;">Prénom P. Nom</span> <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> </div> <div id="albums couv" style="background-color:#fff;position:absolute;top:433px;font-size:10px;left:31px;width:177px;height:144px;"> <img id="IMAGE ALBUM 1" src="https://www.vizeo.net/wp-content/uploads/2017/08/visiter_barcelone_video_alex_vizeo.jpg" style="position:absolute;top:3px;left:4px;font-size:10px;" height="41" width="61" /> <span id="TITRE ALBUM 1" style="font-size:7px;position:absolute;top:18px;left:71px;text-overflow: ellipsis;width:95px">NOM ALBUM 1 </span> <img id="IMAGE ALBUM 2" src="http://blog.crazymoto.net/wp-content/uploads/2009/02/interview_carmichael.jpg" style="position:absolute;top:52px;left:4px;font-size:10px;" height="41" width="61" /> <span id="TITRE ALBUM 2" style="font-size:7px;position:absolute;top:66px;left:71px;text-overflow: ellipsis;width:95px">NOM ALBUM 2</span> <img id="IMAGE ALBUM 3" src="https://media.melty.fr/article-2816016-thumb/agents-of-shield-saison-3-chloe-bennet-parle.jpg" style="position:absolute;top:100px;left:4px;font-size:10px;" height="41" width="61" /> <span id="TITRE ALBUM 3" style="font-size:7px;position:absolute;top:115px;left:71px;text-overflow: ellipsis;width:95px">NOM ALBUM 3</span> </div> <div id="BLOC PICTURES" style="background-color:#fff;position:absolute;top:602px;left:31px;width:178px;height:184px;padding:1px;overflow-y:auto;"> <img id="IMAGE RANG 1 NUMERO 1" src="https://i.servimg.com/u/f86/13/73/91/76/sam_bm10.jpg" height="55" width="55" style="margin: 2px 0px 0px 1px;" /> <img id="IMAGE RANG 1 NUMERO 2" src="https://i.servimg.com/u/f86/13/73/91/76/handba10.jpg" height="55" width="55" style="margin: 2px 0px 0px 0px;" /> <img id="IMAGE RANG 1 NUMERO 3" src="http://tradinginsider.fr/wp-content/uploads/2014/09/California-Angels-image-california-angels-36805723-500-500.png" height="55" width="55" style="margin: 2px 2px 0px 0px;" /> <img id="IMAGE RANG 2 NUMERO 1" src="https://i.servimg.com/u/f86/13/73/91/76/marius15.jpg" height="55" width="55" style="margin: 0px 0px 0px 1px;" /> <img id="IMAGE RANG 2 NUMERO 2" src="http://www.pimpstarlife.com/wp-content/uploads/2013/04/3e2a9fc29f8911e2a89422000aa802aa_7-600x600.jpg" height="55" width="55" style="margin: 0px 0px 0px 0px;" /> <img id="IMAGE RANG 2 NUMERO 3" src="https://scontent-cdg2-1.cdninstagram.com/t51.2885-15/e35/12934928_782496025220607_1226160746_n.jpg?ig_cache_key=MTIyNDExNjcyMzY4ODk5NTEwNQ%3D%3D.2" height="55" width="55" style="margin: 0px 2px 0px 0px;" /> <img id="IMAGE RANG 3 NUMERO 1" src="https://scontent-cdg2-1.cdninstagram.com/t51.2885-15/s750x750/sh0.08/e35/12748330_1690716677870020_1063238352_n.jpg?ig_cache_key=MTE4MzUwMjc3MjMxODMyNDIxNg%3D%3D.2" height="55" width="55" style="margin: 0px 2px 0px 1px;" /> </div> <div id="publications facebook" style="position:absolute;top:233px;left:219px;width:280px;height:557px;overflow-y:auto;"> <div id="NOUVELLE IMAGE DE COUVERTURE" style="position:absolute;top:-1px;left:-1px;width:279px;margin-bottom:5px;"> <img src="https://i.servimg.com/u/f62/13/73/91/76/couver10.jpg" width="281" style="position:relative;" /><img src="http://78.media.tumblr.com/avatar_ccd39acdd20d_128.pnj" width="22" style="position:absolute;top:6px;left:6px;" /><div style="position:absolute;top:1px;left:31px;background-color:white;height:35px;"><span style="font-weight:bold;font-size:8px;color:#4e68a5;">Prénom P. Nom</span><span style="font-weight:normal;font-style:italic;color:#4e68a5;font-size:7px;"> changed his cover photo</span> <span style="position:absolute;top:18px;left:0px;font-weight:light;font-size:7px;color:#a7a7a7;">Date</span></div><div id="nouvelle couverture" style="position:absolute;top:36px;left:2px;width:277px;height:102px;background-image:url(http://blog.univ-angers.fr/marchenoelastrasbourg/files/2016/01/Marche_Noel.jpg)"></div> </div> <div id="new profile" style="position:relative;top:165px;width:278px;line-height: 1.2;"> <img src="http://78.media.tumblr.com/avatar_ccd39acdd20d_128.pnj" width="22" style="position:absolute;top:6px;left:6px;" /><div style="position:absolute;top:1px;left:31px;background-color:white;height:35px;"><span style="font-weight:bold;font-size:8px;color:#4e68a5;">Prénom P. Nom</span><span style="position:absolute;top:18px;left:0px;font-weight:light;font-size:7px;color:#a7a7a7;">Date</span> <span style="position:absolute;top:35px;left:-26px;font-weight:regular;font-size:7px;color:#a7a7a7;width:265px;height:30px;background-color:white;overflow-y:auto;line-height: 1.2;"> 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> </div> </div> <div id="NOUVEL EVENT" style="position:absolute;top:265px;left:-1px;width:278px;margin-bottom:5px;"> <img src="https://i.servimg.com/u/f62/13/73/91/76/event10.jpg" width="279" style="position:relative;" /><img src="http://78.media.tumblr.com/avatar_ccd39acdd20d_128.pnj" width="22" style="position:absolute;top:6px;left:6px;" /><div style="position:absolute;top:1px;left:31px;background-color:white;height:35px;"><span style="font-weight:bold;font-size:8px;color:#4e68a5;">Prénom P. Nom</span><span style="font-weight:normal;font-style:italic;color:#4e68a5;font-size:7px;"> is going to an event</span> <span style="position:absolute;top:18px;left:0px;font-weight:light;font-size:7px;color:#a7a7a7;">Date</span></div><div id="nouvelle couverture" style="position:absolute;top:38px;left:7px;width:266px;height:100px;background-image:url(https://blog.soul.city/wp-content/uploads/2016/10/marche-noel-strasbourg-soul.city_-1024x682.jpg)"></div> <div style="position:absolute;top:138px;left:10px;background-color:white;height:30px;width:200px;line-height: 1.2;"><span style="font-weight:bold;font-size:8px;color:#4e68a5;">NOM DE L'EVENEMENT</span> <span style="position:absolute;top:16px;left:1px;font-weight:light;font-size:7px;color:#a7a7a7;">Mardi 3 septembre 2017 à 15h00<br/>3 rue Jean-Claude Dus, Strasbourg</span></div> </div> <div id="new profile 2" style="position:relative;top:470px;width:278px;line-height: 1.2;"> <img src="http://78.media.tumblr.com/avatar_ccd39acdd20d_128.pnj" width="22" style="position:absolute;top:6px;left:6px;" /><div style="position:absolute;top:1px;left:31px;background-color:white;height:35px;"><span style="font-weight:bold;font-size:8px;color:#4e68a5;">Prénom P. Nom</span><span style="position:absolute;top:18px;left:0px;font-weight:light;font-size:7px;color:#a7a7a7;">Date</span> <span style="position:absolute;top:35px;left:-26px;font-weight:regular;font-size:7px;color:#a7a7a7;width:265px;height:30px;background-color:white;overflow-y:auto;line-height: 1.2;"> 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> </div> </div> </div> <span style="position:absolute;right:15px;bottom:15px;font-family: 'Dancing Script', cursive;font-size:10px;color:#4e68a5;font-weight:normal;">by marelle</span></div></center>

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://i.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><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>

participe à 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://i.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><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>

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://i.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>

nouveau post

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://i.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://i.servimg.com/u/f62/13/73/91/76/bas_po10.jpg" style="position:relative;left:-1px;bottom:0px;"/></div></center>

JOURNAL INTIME

Spoiler:

Code:: <br><center><table><tbody><tr><td style="width: 205px;"><img src="https://www.zupimages.net/up/14/28/zmn9.gif" style="width:200px;height:100px;-moz-transform:rotate(-5deg);box-shadow:black 0px 0px 2px;opacity:0.8;" align="left" /></td><td style="width: 205px;"> <img src="https://2img.net/r/hpimg11/pics/207890ash96.gif" style="width:200px;height:100px;-moz-transform:rotate(5deg);box-shadow:black 0px 0px 2px;opacity:0.8;" align="right" /> </td></tr></tbody></table><div style="align=center;background-color:#ffffff;width:500px;font-size:10px;padding:2px;box-shadow:#f6e4e7 0px 0px 2px;"><div style="background-color:#eeeeee"><div style="font-family:Times New Roman;font-style:italic;font-weight:bold;font-size:28px;letter-spacing:-1pt; text-transform:lowercase;text-shadow:0px 0px 1px;TEXT-ALIGN:center;color:#dc4b5d;padding:10px;">“ Titre du RP ”</div></div><div style="padding:10px;text-align:justify;font-size:10px;line-height:13px;">Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp. Ici ton texte de rp.</div><div style="background-color:#eeeeee;font-size:9px;TEXT-ALIGN:center;">... mots & .. lignes complètes :diamonds: Gif by Tumblr, fiche by :copyright: Summers</div></div><center></div>

En espérant que ça vous soit utile. différents modèles pour vos réseaux sociaux ~ 2826614466

» {LELAN} La mer est faite pour nager, le vent pour souffler, et moi je suis fait pour t'aimer.
» Les différents types de ships
» Les différents types de rpgistes
» Inconnus et pourtant pas si différents [Feat. Tom Ryan]
» Quand la vie nous rassemble pour le meilleur et pour le pire ll Matthew Black