Le Maire MESSAGE : 3243 ICI DEPUIS : 04/08/2012 CRÉDITS : @noralchemist
STATUT : amoureux de sa femme. | Sujet: différents modèles pour vos réseaux sociaux ~ Lun 30 Avr 2018 - 20:02 | |
| codes en ls pour vos réseaux
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. INSTAGRAM- Spoiler:
le profil - Code:
-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css"><link href="https://cdn.jsdelivr.net/gh/hyang5u/CODES/IG_DUPE/insta_main-layout_alt.css" rel="stylesheet"> <center><div class="IG-main-container--alt"><div class="IG-bg-main--alt"><div class="IG-header"><div class="HD-box-img"><div class="HD-gradient-bg"><img src="https://via.placeholder.com/80" class="HD-img-profil"></div></div><div class="HD-box-rest"> <div class="HD-first-line"><div class="HD-username">username <!-- A SUPPRIMER SI COMPTE NON-VERIFIE --><img src="https://tinyurl.com/IG-verif-check" class="verif-check"><!-- FIN SUPPRESSION --></div> <div class="HD-follow-button">Suivre</div></div><div class="HD-infos"><div class="HD-info"><b>4,974</b> publications</div><div class="HD-info"><b>339M</b> followers</div><div class="HD-info"><b>576</b> suivi(e)s</div></div> <div class="HD-descri"><b>Username/Nom</b><br>description</div> <div class="HD-followed-by">Suivi(e) par <igb>username1</igb>, <igb>username2</igb>, <igb>username3</igb> et 3 autres personnes</div></div></div>
<div class="HL-box"><!-- DEBUT HIGHLIGHT --><div class="HL-cont"><div class="HL-cont-un"><div class="HL-bg-img"><img src="https://via.placeholder.com/42" class="HL-img"></div></div><div class="HL-cont-deux"><div class="HL-titre">:black_heart:</div></div></div><!-- FIN HIGHLIGHT --></div><div class="MID-nav"><div class="MID-nav-onglet" id="nav-onglet-actif"><div class="MID-black-line"></div><i class="bi-grid-3x3 icon-nav IGblack"></i> publications</div><div class="MID-nav-onglet"><i class="bi-camera-video-fill icon-nav"></i> reels</div><div class="MID-nav-onglet"><i class="bi-person-square icon-nav"></i> identifié(e)</div></div>
<div class="PIC-main"><!-- DEBUT FEED PRINCIPAL --><div class="PIC-pic-cont"><img src="https://via.placeholder.com/145" class="PIC-pic"><div class="PIC-hover"><i class="bi-heart-fill left-icon"></i> 1,111 <i class="bi-chat-fill right-icon"></i> 1k11</div></div><div class="PIC-pic-cont"><img src="https://via.placeholder.com/146" class="PIC-pic"><div class="PIC-hover"><i class="bi-heart-fill left-icon"></i> 2,222 <i class="bi-chat-fill right-icon"></i> 2k22</div></div><div class="PIC-pic-cont"><img src="https://via.placeholder.com/147" class="PIC-pic"><div class="PIC-hover"><i class="bi-heart-fill left-icon"></i> 3,333 <i class="bi-chat-fill right-icon"></i> 3k33</div></div><div class="PIC-pic-cont"><img src="https://via.placeholder.com/148" class="PIC-pic"><div class="PIC-hover"><i class="bi-heart-fill left-icon"></i> 4,444 <i class="bi-chat-fill right-icon"></i> 4k44</div></div><div class="PIC-pic-cont"><img src="https://via.placeholder.com/149" class="PIC-pic"><div class="PIC-hover"><i class="bi-heart-fill left-icon"></i> 5,555 <i class="bi-chat-fill right-icon"></i> 5k55</div></div><div class="PIC-pic-cont"><img src="https://via.placeholder.com/150" class="PIC-pic"><div class="PIC-hover"><i class="bi-heart-fill left-icon"></i> 6,666 <i class="bi-chat-fill right-icon"></i> 6k66</div></div><div class="PIC-pic-cont"><img src="https://via.placeholder.com/151" class="PIC-pic"><div class="PIC-hover"><i class="bi-heart-fill left-icon"></i> 7,777 <i class="bi-chat-fill right-icon"></i> 7k77</div></div><div class="PIC-pic-cont"><img src="https://via.placeholder.com/152" class="PIC-pic"><div class="PIC-hover"><i class="bi-heart-fill left-icon"></i> 8,888 <i class="bi-chat-fill right-icon"></i> 8k88</div></div><div class="PIC-pic-cont"><img src="https://via.placeholder.com/153" class="PIC-pic"><div class="PIC-hover"><i class="bi-heart-fill left-icon"></i> 9,999 <i class="bi-chat-fill right-icon"></i> 9k99</div></div><!-- FIN FEED PRINCIPAL --></div></div></div><div class="credit">code by hyangsu</div></center> nouvelle photo - Code:
-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/hyang5u/CODES/IG_DUPE/insta_single-post.css"> <center><div class="IGP-main-bg"><div class="TOP-infos"><div class="TOP-left"><div class="TOP-bg-grad"><img src="https://via.placeholder.com/80" class="TOP-img-profil"></div></div><div class="TOP-mid"><user>username</user> <!-- A SUPPRIMER SI COMPTE NON-VERIFIE --><img src="https://tinyurl.com/IG-verif-check" class="TOP-verif-check"><!-- FIN SUPPRESSION --><br><pc>localisation</pc></div><div class="TOP-right"><i class="bi-three-dots TOP-icon txt-black"></i></div></div><!-- DEBUT POST --><div class="IGP-post"><img src="https://via.placeholder.com/500x650" class="PST-main-img"></div><!-- FIN POST --> <div class="BTM-icons"><div class="BTM-icon-un"><i class="bi-heart BTM-icon txt-black"></i></div><div class="BTM-icon-deux"><i class="bi-chat BTM-icon txt-black"></i></div><div class="BTM-icon-trois"><i class="bi-send BTM-icon txt-black"></i></div><div class="BTM-icon-quatre"><i class="bi-bookmark BTM-icon txt-black"></i></div></div> <div class="IGP-caption"><b><pc>1,234 J'aime</pc></b> <b><pc>username</pc></b> caption here <div class="CAP-time">IL Y A X HEURES</div></div> <div class="IGP-add-comment"><div class="COM-left"><i class="bi-emoji-smile BTM-icon txt-black"></i></div><input class="COM-add-comment" type="text" name="inputBox" placeholder="Ajouter un commentaire..."></input><div class="COM-publish">Publier</div></div></div><div class="credit-post">code by hyangsu</div></center> SNAPCHATne vous étonnez pas si le code bug lors de la prévisualisation, tout revient à la normal une fois posté !- Spoiler:
- Code:
-
<div style="position:relative; float:left; clear:none; overflow:hidden;"> <img src="URL DE L'IMAGE" style="position:relative; z-index:1; width:400px;"> <div style="display:block; position:absolute; width:100%; top:60%; left:0; z-index:2; text-align:center; background:#505050; color:#ffffff; padding-top:5px; padding-bottom:5px; opacity:0.6;">et la petite phrase qui va avec</div> </div> 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;"> <!-- DEBUT PHOTO DE COUVERTURE ; dimension 468x172 --><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><!-- FIN PHOTO DE COUVERTURE --> <!-- DEBUT PHOTO DE PROFIL ; dimension 100x100 --><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><!-- FIN PHOTO DE PROFIL --> <!-- DEBUT NOM ET PRENOM --><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><!-- FIN NOM ET PRENOM --> <!-- DEBUT PSEUDO --><div id="pseudo" style="position:absolute;top:185px;font-size:10px;left:138px;color:#fff;">@pseudo</div><!-- FIN PSEUDO --> <!-- DEBUT BLOC DE PRESENTATION --><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;"> <!-- 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" style="background-color:#fff;position:absolute;top:433px;font-size:10px;left:31px;width:177px;height:144px;"> <!-- 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" 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><!-- FIN ALBUM 1 --> <!-- DEBUT ALBUM 2 --><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><!-- 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" 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><!-- FIN FIN ALBUM 3 --> </div> <!-- DEBUT BLOC IMAGES (x7+) - dimension : 55x55 --><div id="BLOC PICTURES" style="background-color:#fff;position:absolute;top:602px;left:31px;width:178px;height:184px;padding:1px;overflow-y:auto;"> <!-- DEBUT RANGE 1 --><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;" /><!-- FIN RANGE 1 --> <!-- DEBUT RANGE 2 --><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;" /><!-- FIN RANGE 2 --> <!-- DEBUT RANGE 3 --><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;" /><!-- FIN RANGE 3 --> </div><!-- FIN BLOC IMAGES --> <!-- DEBUT PUBLICATIONS FACEBOOK - CHANGE COVER / POST / EVENT / POST --><div id="publications facebook" style="position:absolute;top:233px;left:219px;width:280px;height:557px;overflow-y:auto;"> <!-- DEBUT NEW COVER --><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;" /><!-- DEBUT IMAGE DE PROFIL ; icône (22x22) --><img src="http://78.media.tumblr.com/avatar_ccd39acdd20d_128.pnj" width="22" style="position:absolute;top:6px;left:6px;" /><!-- FIN IMAGE DE PROFIL --><div style="position:absolute;top:1px;left:31px;background-color:white;height:35px;"><!-- DEBUT NOM DU PERSONNAGE --><span style="font-weight:bold;font-size:8px;color:#4e68a5;">Prénom P. Nom</span><!-- FIN NOM DU PERSONNAGE --><span style="font-weight:normal;font-style:italic;color:#4e68a5;font-size:7px;"> changed his cover photo</span> <!-- DEBUT DATE --><span style="position:absolute;top:18px;left:0px;font-weight:light;font-size:7px;color:#a7a7a7;">Date</span><!-- FIN DATE --></div><!-- DEBUT IMAGE COUVERTURE ; dimension 277x102 --><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><!-- FIN IMAGE COUVERTURE --> </div><!-- FIN NEW COVER --> <!-- DEBUT NEW POST --><div id="new profile" style="position:relative;top:165px;width:278px;line-height: 1.2;"> <!-- DEBUT IMAGE DE PROFIL ; icône (22x22) --><img src="http://78.media.tumblr.com/avatar_ccd39acdd20d_128.pnj" width="22" style="position:absolute;top:6px;left:6px;" /><!-- FIN IMAGE DE PROFIL --><div style="position:absolute;top:1px;left:31px;background-color:white;height:35px;"><!-- DEBUT NOM DU PERSONNAGE --><span style="font-weight:bold;font-size:8px;color:#4e68a5;">Prénom P. Nom</span><!-- FIN NOM DU PERSONNAGE --><!-- DEBUT DATE --><span style="position:absolute;top:18px;left:0px;font-weight:light;font-size:7px;color:#a7a7a7;">Date</span><!-- FIN DATE --> <!-- DEBUT PROFILE --><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><!-- FIN PROFILE --> </div> </div><!-- FIN NEW POST --> <!-- DEBUT NEW EVENT --><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;" /><!-- DEBUT IMAGE DE PROFIL ; icône (22x22) --><img src="http://78.media.tumblr.com/avatar_ccd39acdd20d_128.pnj" width="22" style="position:absolute;top:6px;left:6px;" /><!-- FIN IMAGE DE PROFIL --><div style="position:absolute;top:1px;left:31px;background-color:white;height:35px;"><!-- DEBUT NOM DU PERSONNAGE --><span style="font-weight:bold;font-size:8px;color:#4e68a5;">Prénom P. Nom</span><!-- FIN NOM DU PERSONNAGE --><span style="font-weight:normal;font-style:italic;color:#4e68a5;font-size:7px;"> is going to an event</span> <!-- DEBUT DATE --><span style="position:absolute;top:18px;left:0px;font-weight:light;font-size:7px;color:#a7a7a7;">Date</span><!-- FIN DATE --></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> <!-- DEBUT NOM EVENT --><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><!-- FIN NOM EVENT --> <!-- DEBUT DATE/LIEU EVENT - séparés par balise br --><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><!-- 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" width="22" style="position:absolute;top:6px;left:6px;" /><!-- FIN IMAGE DE PROFIL --><div style="position:absolute;top:1px;left:31px;background-color:white;height:35px;"><!-- DEBUT NOM DU PERSONNAGE --><span style="font-weight:bold;font-size:8px;color:#4e68a5;">Prénom P. Nom</span><!-- FIN NOM DU PERSONNAGE --><!-- DEBUT DATE --><span style="position:absolute;top:18px;left:0px;font-weight:light;font-size:7px;color:#a7a7a7;">Date</span><!-- FIN DATE --> <!-- DEBUT PROFILE --><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><!-- FIN PROFILE --> </div> </div><!-- FIN NEW POST --> </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><!-- 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> 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><!-- 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> 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. |
|