Codages réseaux sociaux (Tinder, Twitter, Instagram...)

Date d'inscription : 02/08/2022

Merci beaucoup à Sheepirl pour ce codage de toute beauté ^^

Prénom Nom

@pseudo

Une description, pas trop longue, une citation, une courte présentation, comme tu veux.

000 abonnement

000 abonnés

Prénom Nom

@pseudo

• 00/00/00

un truc je sais pas qui décrit ce que tu as foutu en dessous, pas trop long, i don't know quoi mettre.

Prénom Nom

@pseudo

• 00/00/00

un truc je sais pas qui décrit ce que tu as foutu en dessous, pas trop long, i don't know quoi mettre.

Code:: <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet"> <center><div style="background:#fafafa; width: 401px;height:auto;font-family:'Open Sans Condensed', sans-serif;"><div style="background-image:url(https://s-media-cache-ak0.pinimg.com/736x/13/d7/1e/13d71e59547054f229d25f87caba6e23.jpg); height:125px;width:400px;border-radius:3px;opacity:0.7;"></div>
<div style="background:#fff; height:50px; width: 401px;margin-top:-20px;position:absolute;float:center;"><table><tr><td><img src="http://68.media.tumblr.com/f599c16ba0c86b9ab55d7a9bd700c3ec/tumblr_inline_mtnyu3o1Sh1rnruf5.png" style="border: #fff solid 3px; border-radius: 5px; height:80px; width: 80px;margin-top:-50px;opacity:1;margin-left:-20px;margin-right:60px;"><td><img src="https://i.imgbox.com/Kk55nSdK.png" style="margin-right:-30px;"></td></tr></table></div>
<div style="background:#fff; height:auto; width: 401px;float:center;margin-top:10px;font-family:'Open Sans Condensed';text-align: justify;"><div style="margin-left:20px;"><div style="font-size: 22px;color:#000;">Prénom Nom</div>@pseudo</div><div style="margin-left:20px;"><div style="font-size: 13px;color:#000;">Une description, pas trop longue, une citation, une courte présentation, comme tu veux.</div><table><tr><td><div style="font-family:'Open Sans Condensed'; font-size: 16px; margin-left: 20px;text-align:center;">[b][color=#000000]000[/color][/b] abonnement</div></td><td><div style="font-family:'Open Sans Condensed';font-size: 16px;text-align:center;">[b][color=#000000]000[/color][/b] abonnés</div></td></tr></table></div><img src="https://i.imgbox.com/62OWMGZZ.png"></div><div style="background:#fff; width: 401px;height:250px;overflow:auto;text-align:justify;font-family:'Open Sans Condensed', sans-serif;">
<table><tr><td><img src="http://68.media.tumblr.com/f599c16ba0c86b9ab55d7a9bd700c3ec/tumblr_inline_mtnyu3o1Sh1rnruf5.png" style="border: #fff solid 3px; border-radius: 5px; height:50px; width: 50px;margin-left:30px;"></td><td><div style="height:50px;font-family:'Open Sans Condensed', sans-serif;margin-left:5px;margin-right:60px;margin-top:-10px;"><table><tr><td><div style="font-size:14px; color:#000;font-family:'Open Sans Condensed', sans-serif;">Prénom Nom</div></td><td> <table><tr><td><div style="font-size:12px; font-family:'Open Sans Condensed', sans-serif;">@pseudo </td><td><div style="margin-left:42px;font-family:'Open Sans Condensed', sans-serif;">• 00/00/00 <img src="https://i.imgbox.com/cMPGrlKn.png" style="margin-top:2px; margin-left:5px;"></div></td></tr></table></td></tr></table>un truc je sais pas qui décrit ce que tu as foutu en dessous, pas trop long, i don't know quoi mettre.</td></tr></table><img src="https://s-media-cache-ak0.pinimg.com/736x/08/6e/ed/086eed0040944f39be7f87cd10579a42.jpg" style="width:220px; margin-left:100px;margin-top:5px;">

<table><tr><td><img src="http://68.media.tumblr.com/f599c16ba0c86b9ab55d7a9bd700c3ec/tumblr_inline_mtnyu3o1Sh1rnruf5.png" style="border: #fff solid 3px; border-radius: 5px; height:50px; width: 50px;margin-left:30px;"></td><td><div style="height:50px;font-family:'Open Sans Condensed', sans-serif;margin-left:5px;margin-right:60px;margin-top:-10px;"><table><tr><td><div style="font-size:14px; color:#000;font-family:'Open Sans Condensed', sans-serif;">Prénom Nom</div></td><td> <table><tr><td><div style="font-size:12px; font-family:'Open Sans Condensed', sans-serif;">@pseudo </td><td><div style="margin-left:42px;font-family:'Open Sans Condensed', sans-serif;">• 00/00/00 <img src="https://i.imgbox.com/cMPGrlKn.png" style="margin-top:2px; margin-left:5px;"></div></td></tr></table></td></tr></table>un truc je sais pas qui décrit ce que tu as foutu en dessous, pas trop long, i don't know quoi mettre.</td></tr></table>

</div><img src="https://img4.hostingpics.net/pics/568560twitter.png"></center>

Prénom Nom

@pseudo

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Traduire depuis : langue

00/00/00 00h00

000 RETWEETS

000 J'AIME

Prénom Nom

en réponse à @tonpseudo

@pseudo

• 00/00/00

le commentaire d'une personne

Prénom Nom

en réponse à @tonpseudo

@pseudo

• 00/00/00

le commentaire d'une personne

Code:: <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet"> <center><div style="background-color:#fff; height:auto; width: 400px;text-align:justify;"><img src="https://i.imgbox.com/GOp1q7sh.png">
<table><tr><td><img src="http://68.media.tumblr.com/f599c16ba0c86b9ab55d7a9bd700c3ec/tumblr_inline_mtnyu3o1Sh1rnruf5.png" style="border: #fff solid 3px; border-radius: 5px; height:50px; width: 50px;margin-left:20px;float:top;"></td><td><div style="height:50px;font-family:'Open Sans Condensed', sans-serif;margin-left:5px;margin-right:30px;margin-top:-10px;"><table><tr><td><div style="font-size:14px; color:#000;font-family:'Open Sans Condensed', sans-serif;">Prénom Nom</div></td><td><img src="https://i.imgbox.com/cMPGrlKn.png" style="margin-top:2px; margin-left:5px;"></div></td></tr></table><div style="font-size:12px; font-family:'Open Sans Condensed', sans-serif;margin-top:-10px;">@pseudo </div></td></tr></table>
<div style="font-family:'Open Sans Condensed', sans-serif;font-size:18px;color:#000;text-align:justify;margin-left:90px;margin-top:-20px;margin-right:40px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </div>
<div style="font-family:'Open Sans Condensed', sans-serif;float:left;margin-left:90px;color:#22A2F2">Traduire depuis : langue</div><br><div style="font-family:'Open Sans Condensed', sans-serif;float:left;margin-left:90px;">00/00/00 00h00</div>
<div style="background-color:#F5F7F8; height:2px; width:400px;"></div><table><tr><td><div style="font-family:'Open Sans Condensed', sans-serif;font-size: 14px;margin-left:88px;margin-top:5px;margin-bottom:5px;">[b][color=#000000]000[/color][/b] RETWEETS</div></td><td><div style="font-family:'Open Sans Condensed', sans-serif;font-size: 14px;margin-left:10px;margin-bottom:5px;margin-top:5px;">[b][color=#000000]000[/color][/b] J'AIME</div></td></tr></table><img src="https://i.imgbox.com/EpWglo9Y.png">

</div><div style="height:120px; width:400px; overflow:auto;background-color:#fff;"><table><tr><td><img src="http://68.media.tumblr.com/f599c16ba0c86b9ab55d7a9bd700c3ec/tumblr_inline_mtnyu3o1Sh1rnruf5.png" style="border: #fff solid 3px; border-radius: 5px; height:50px; width: 50px;margin-left:20px;"></td><td><div style="height:50px;font-family:'Open Sans Condensed', sans-serif;margin-left:5px;margin-right:30px;margin-top:-10px;"><table><tr><td><div style="font-size:14px; color:#000;font-family:'Open Sans Condensed', sans-serif;">Prénom Nom</div><div style="font-size:12px; font-family:'Open Sans Condensed', sans-serif;">en réponse à [color=#22A2F2]@tonpseudo[/color]</div></td><td> <table><tr><td><div style="font-size:12px; font-family:'Open Sans Condensed', sans-serif;margin-top:-15px;margin-left:-45px;">@pseudo </td><td><div style="margin-left:75px;font-family:'Open Sans Condensed', sans-serif;margin-top:-15px;">• 00/00/00 <img src="https://i.imgbox.com/cMPGrlKn.png" style="margin-top:2px; margin-left:5px;"></div></td></tr></table></td></tr></table>
<div style="font-family:'Open Sans Condensed', sans-serif;font-size:13px;color:#000">le commentaire d'une personne</div></td></tr></table>
<br><table><tr><td><img src="http://68.media.tumblr.com/f599c16ba0c86b9ab55d7a9bd700c3ec/tumblr_inline_mtnyu3o1Sh1rnruf5.png" style="border: #fff solid 3px; border-radius: 5px; height:50px; width: 50px;margin-left:20px;"></td><td><div style="height:50px;font-family:'Open Sans Condensed', sans-serif;margin-left:5px;margin-right:30px;margin-top:-10px;"><table><tr><td><div style="font-size:14px; color:#000;font-family:'Open Sans Condensed', sans-serif;">Prénom Nom</div><div style="font-size:12px; font-family:'Open Sans Condensed', sans-serif;">en réponse à [color=#22A2F2]@tonpseudo[/color]</div></td><td> <table><tr><td><div style="font-size:12px; font-family:'Open Sans Condensed', sans-serif;margin-top:-15px;margin-left:-45px;">@pseudo </td><td><div style="margin-left:75px;font-family:'Open Sans Condensed', sans-serif;margin-top:-15px;">• 00/00/00 <img src="https://i.imgbox.com/cMPGrlKn.png" style="margin-top:2px; margin-left:5px;"></div></td></tr></table></td></tr></table>
<div style="font-family:'Open Sans Condensed', sans-serif;font-size:13px;color:#000">le commentaire d'une personne</div></td></tr></table><br></div><img src="https://img4.hostingpics.net/pics/568560twitter.png">
</div>

Date d'inscription : 02/08/2022

Tous nos bisous à Azuriel de PRD pour ce sublime codage. :vv:

Titre

code par .nyx

Code:: <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
<style>.imgblock{height:150px; width:150px; padding:10px; border: 1px solid #D8D8D8; background-color:#fff; overflow:hidden;} .imgblock img{max-width: 150px; clip: rect(0px,150px,150px,0px); position: absolute;} .overbis{height:150px; width:150px; overflow:hidden;} .titremood{text-transform:uppercase; font-size:24px; text-align:center; font-weight:bold; font-family: 'Oswald', sans-serif; color:#959595; letter-spacing:2px;} .credit{font-size:9px;}</style>
<center><div class="titremood">Titre</div>
<table><tr><td><div class="imgblock"><div class="overbis"><img src="https://78.media.tumblr.com/8cf0ee125ee393a33c64094d384bf751/tumblr_o1yg5lQ7UG1txdtmyo1_1280.jpg" /></div></div></td><td><div class="imgblock"><img src="https://i.pinimg.com/564x/a0/c3/c6/a0c3c63ab554b2604d0c978a597950ef.jpg" /></div></td><td><div class="imgblock"><img src="https://i.pinimg.com/564x/0f/fa/0b/0ffa0b4c4ac2c2a9390c48843ed4ed10.jpg" /></div></td></tr><tr><td><div class="imgblock"><div class="overbis"><img src="https://78.media.tumblr.com/8cf0ee125ee393a33c64094d384bf751/tumblr_o1yg5lQ7UG1txdtmyo1_1280.jpg" /></div></div></td><td><div class="imgblock"><img src="https://i.pinimg.com/564x/a0/c3/c6/a0c3c63ab554b2604d0c978a597950ef.jpg" /></div></td><td><div class="imgblock"><img src="https://i.pinimg.com/564x/0f/fa/0b/0ffa0b4c4ac2c2a9390c48843ed4ed10.jpg" /></div></td></tr></table>
<table><tr><td><div class="imgblock"><div class="overbis"><img src="https://78.media.tumblr.com/8cf0ee125ee393a33c64094d384bf751/tumblr_o1yg5lQ7UG1txdtmyo1_1280.jpg" /></div></div></td><td><div class="imgblock"><img src="https://i.pinimg.com/564x/a0/c3/c6/a0c3c63ab554b2604d0c978a597950ef.jpg" /></div></td><td><div class="imgblock"><img src="https://i.pinimg.com/564x/0f/fa/0b/0ffa0b4c4ac2c2a9390c48843ed4ed10.jpg" /></div></td></tr><tr><td><div class="imgblock"><div class="overbis"><img src="https://78.media.tumblr.com/8cf0ee125ee393a33c64094d384bf751/tumblr_o1yg5lQ7UG1txdtmyo1_1280.jpg" /></div></div></td><td><div class="imgblock"><img src="https://i.pinimg.com/564x/a0/c3/c6/a0c3c63ab554b2604d0c978a597950ef.jpg" /></div></td><td><div class="imgblock"><img src="https://i.pinimg.com/564x/0f/fa/0b/0ffa0b4c4ac2c2a9390c48843ed4ed10.jpg" /></div></td></tr></table>
<div class="credits">code par .nyx</div></center>

Date d'inscription : 02/08/2022

Merci à Sheepirl sur Pub-rpg pour ce superbe et très complet codage Instagram.
Enjoy :leche:

pseudo

000 publications

000 abonnés

000 suivis

pseudo ›

description

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://img4.hostingpics.net/pics/453728codeinsta2.png"></center>

pseudo

pseudo

000 J'aime

1j

pseudo ›

description

écrire un commentaire...

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://img4.hostingpics.net/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://img4.hostingpics.net/pics/458975pointscommentaires.png" style="float:right;height:20px;margin-top:3px; margin-left:15px;"></td></tr></table>
</td></tr></table>
</div>
</div></center>

Date d'inscription : 02/08/2022

Vous trouverez ci-dessous un codage créé par Chaussette sur Bazzart
Merci à elle I love you

Prénom, XX
Métier
à XXkm

Petite description Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Ma chanson culte
Titre de la chanson

Prénom Nom Artiste

6 photos Instagram

credit - Chaussette

Code:: <center><img src="https://images2.imgbox.com/47/c2/Q3zMCIEf_o.png" class="petiteiconetinder">
<img class="imghauttinder" src="URL IMAGE DU HAUT" /><div class="fondtinder"><div class="margetinder"><span class="prenomtinder">Prénom,</span> <span class="agetinder">XX</span>
<span class="infotinder">Métier
à XXkm</span>
</div><div class="margetinder2">Petite description Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div><div class="margetinder3"><table><tr><td><div class="songinfotinder"><span class="songtinder">Ma chanson culte</span>
Titre de la chanson
<img src="https://images2.imgbox.com/c8/ee/IdKOCSZA_o.png" style="width: 12px;"> Prénom Nom Artiste</span></td><td><img src="URL COUVERTURE DE L'ALBUM" class="imgtindersong"></td></tr></table></div><div class="margetinder3"><span class="songtinder">6 photos Instagram</span>
<table><tr><td><img src="URL PHOTO 1" class="imginstatinder"></td><td><img src="URL PHOTO 2" class="imginstatinder"></td><td><img src="URL PHOTO 3" class="imginstatinder"></td></tr><tr><td><img src="URL PHOTO 4" class="imginstatinder"></td><td><img src="URL PHOTO 5" class="imginstatinder"></td><td><img src="URL PHOTO 6" class="imginstatinder"></td></tr></table></div>
</div>
[size=8]credit - Chaussette[/size]</center>

<style>.petiteiconetinder{width: 60px; margin-top:285px;position: absolute;margin-left:88px;}.imghauttinder{width:300px;height:300px;object-fit:cover; object-position:50% 50%;} .fondtinder{background-image:url(https://images2.imgbox.com/20/65/uRURjp8b_o.png);width:300px;height:533px;background-position: center;background-size: cover;text-align:justify;}.margetinder{padding-left:12px;padding-right:12px;padding-top:17px;padding-bottom:10px;border-bottom:1px solid #f0f0f0;}.margetinder2 {padding-left:12px;padding-right:12px;padding-top:17px;padding-bottom:10px;border-bottom:1px solid #f0f0f0;overflow: auto;height:50px;font-family: 'Montserrat', sans-serif;font-size:11px; line-height: 1;font-weight: lighter;color:#8b8b8b;} .margetinder3{padding-left:12px;padding-right:12px;padding-top:8px;padding-bottom:10px;border-bottom:1px solid #f0f0f0;}.prenomtinder{font-family: 'Montserrat', sans-serif;font-size:24px;font-weight: bold;color:#535353;} .agetinder{font-family: 'Montserrat', sans-serif;font-size:24px;font-weight: regular;color:#535353;} .infotinder{font-family: 'Montserrat', sans-serif;font-size:12px;font-weight: lighter;color:#8b8b8b;line-height: 1.2;} .songtinder{font-family: 'Montserrat', sans-serif;font-size:11px;font-weight: bold;color:#535353;} .songinfotinder{font-family: 'Montserrat', sans-serif;font-size:12px;font-weight: lighter;color:#8b8b8b;line-height: 1.2;width:220px;} .imginstatinder{width: 88px;height:88px;display: block;object-fit:cover; object-position:50% 50%;border-radius:5px;} .imgtindersong{width: 50px;height:50px;display: block;object-fit:cover; object-position:50% 50%;border-radius:5px;} </style>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400;600&display=swap" rel="stylesheet">

Date d'inscription : 16/08/2022

On remercie @Hope Wood pour son codage Instagram de toute beauté !

Explication : Faire ctrl+f, coller dans la barre de recherche ceci : **
Chaque partie à modifier se trouve à partir de ** et se finit par **. Par exemple : **pseudo insta**.
Le visuel est optimisé sur Firefox pour certaines raisons indépendantes de ma volonté.

Visuel:

Code:: <div style="margin: auto; left: 0; right: 0; top: 0; bottom: 0; background-color: black; width: 420px; max-height: 680px; transform: scale(1); display: flex; flex-direction: column; box-sizing: inherit; color: #fff; font-size: 12px; overflow-y: auto; scrollbar-width: none;"><div style="display: block;"><div style="padding: 16px 18px;"><img src="https://zupimages.net/up/23/34/noyi.png" style="width: 10%;"><a href="**Lien(prez par exemple)**" target="_blank" style="color: #fff; font-size: 1.3em; flex-grow: 1; text-decoration: none; background: 0 0; margin-left: 28%;">**pseudo insta**</a> <img src="https://img.icons8.com/?size=512&id=2sZ0sdlG9kWP&format=png" style="width: 14px;"><img src="https://zupimages.net/up/23/34/kyi9.png" style="width: 10%; right: 5%; position: absolute;"></div></div><div style="overflow-y: auto; display: block;"><div style="display: flex; padding-top: 18px; padding-left: 18px; padding-right: 18px;"><div style="margin-right: 20px;"><a href="**Lien(prez par exemple)**" target="_blank" style="text-decoration: none; background: 0 0;"><div style="display: flex; align-items: center; justify-content: center; width: 84px; height: 84px; background-image: linear-gradient(40deg, #FA9F4C, #C52F91); border-radius: 50%;"><img src="**Photo de profil**" style="width: 90%; height: 90%; border-radius: 50%; border: 2px solid #fff; background-image: linear-gradient(40deg, #FA9F4C, #C52F91);"></div></a></div><div style="flex: 1; padding-top: 5%;"><div style="display: flex; flex-direction: column;"><div style="display: flex; justify-content: space-around; margin-bottom: 8px;"><div style="display: flex; flex-direction: column; align-items: center;"><div style="font-weight: 700; font-size: 1.6em; margin-bottom: 4px;">**127**</div><div style="font-weight: 500; letter-spacing: 0.1px; font-size: 1.4em">Publications</div></div><div style="display: flex; flex-direction: column; align-items: center;"><div style="font-weight: 700; font-size: 1.6em; margin-bottom: 4px;">**21 M**</div><div style="font-weight: 500; letter-spacing: 0.1px; font-size: 1.4em">Followers</div></div><div style="display: flex; flex-direction: column; align-items: center;"><div style="font-weight: 700; font-size: 1.6em; margin-bottom: 4px;">**124**</div><div style="font-weight: 500; letter-spacing: 0.1px; font-size: 1.4em">Suivi(e)s</div></div></div></div></div></div><div style="padding: 18px;"><div style="font-weight: 600;">**Nom**</div><div>**Description 1**</div><div>**Description 2**</div></div><img src="https://zupimages.net/up/23/34/qjbq.png" style="width: 100%;"><div style="padding: 12px 18px;"><div style="display: flex; align-items: center; justify-content: space-between; font-weight: 500;"><div style="display: flex; flex-direction: column; align-items: center; width: 70px; height: 70px; "><div><img src="**lien image story 1**" style="width: 70px; height: 70px; border-radius: 50%; border: 2px solid black;outline: 2px solid gray;"></div><div style="font-size: 12px; margin-top: 4px;">**Story 1**</div></div><div style="display: flex; flex-direction: column; align-items: center; width: 70px; height: 70px; "><div><img src="**lien image story 2**" style="width: 70px; height: 70px; border-radius: 50%; border: 2px solid black;outline: 2px solid gray;"></div><div style="font-size: 12px; margin-top: 4px;">**Story 2**</div></div><div style="display: flex; flex-direction: column; align-items: center; width: 70px; height: 70px; "><div><img src="**lien image story 3**" style="width: 70px; height: 70px; border-radius: 50%; border: 2px solid black;outline: 2px solid gray;"></div><div style="font-size: 12px; margin-top: 4px;">**Story 3**</div></div><div style="display: flex; flex-direction: column; align-items: center; width: 70px; height: 70px; "><div><img src="**lien image story 4**" style="width: 70px; height: 70px; border-radius: 50%; border: 2px solid black;outline: 2px solid gray;"></div><div style="font-size: 12px; margin-top: 4px;">**Story 4**</div></div></div></div><div style="display: flex; justify-content: space-around; padding: 12px 18px;"><img src="https://zupimages.net/up/23/34/dnl3.png" style="width: 100%;"></div><div>**Inserer le nombre de ligne de 3 photos que vous désirez sans retour à la ligne**</div>
<img src="https://zupimages.net/up/23/34/jf9u.png" style="width: 100%;"></div></div></div>

Pour chaque ligne de 3 photos, insérer le code suivant à l'endroit prévu (coller autant de fois que nécessaire sans espace ni retour à la ligne):

Code:: <div style="width: 100%; display: flex; flex-wrap: wrap;"><div style="background-image: url(**lien image 1**); width: 32.9%; height: 120px; background-size: cover; background-repeat: no-repeat; background-position: center center; background-color: #dbdbdb; border-right: 2px solid #292b36; margin-top: 2px;"></div><div style="background-image: url(**lien image 2**); width: 32.9%; height: 120px; background-size: cover; background-repeat: no-repeat; background-position: center center; background-color: #dbdbdb; border-right: 2px solid #292b36; margin-top: 2px;"></div><div style="background-image: url(**lien image 3**); width: 32.9%; height: 120px; background-size: cover; background-repeat: no-repeat; background-position: center center; background-color: #dbdbdb; margin-top: 2px;"></div></div>

_________________

Kayla Cohen

KoalaVolant

Date d'inscription : 16/08/2022

Toujours de la part de Hope

instagram

Quelque part sur internet

2 j

15 475 J'aime

pseudo instadescription du post

Pseudo Je suis un commentaire plus ou moins long, cela dépend de vous.

Afficher les 345 commentaires

Ajouter un commentaire ...

Code:: <div style="margin: auto; left: 0; right: 0; top: 0; bottom: 0; height:680px; width:420px; background-color:black; display: flex; flex-direction: column; color: white; overflow-y: auto; scrollbar-width: none;"><div style="height:70px; border-radius:10px; display: flex; align-items: flex-start; margin-top: 2%; margin-bottom: 2%;"><img src="**Photo profil insta**" style="height:30px; width:30px; margin-left:2%; border-radius:50%; object-fit: cover;" /><div style="margin-left: 2%;"><p style="margin: 0;">**pseudo insta**</p><span style="color:gray; font-size: smaller;">**localisation**</span></div><img src="https://zupimages.net/up/23/34/zgyl.png"><span style="color:gray; margin-left: 1%;"> 2 j </span></div><div><img src="**Image du post**" width="420px" height="420px"/></div><img src="https://zupimages.net/up/23/34/rzoa.png" style="width: 95%; margin-left: 2%;"><div style="margin-left:2%;"><p>**15 475** J'aime</p><p><strong>**pseudo insta**</strong>**description du post**</p>**Ajouter la ligne commentaire autant de fois que nécessaire**<p style="font-size:13px; color:gray;">Afficher les **345** commentaires</p><p style="font-size:13px; color:gray;">Ajouter un commentaire ...</p></div></div>

Ligne de commentaire à coller autant de fois que voulu à l'endroit prévu à cet effet.
Coller sans espace ni retour à la ligne.
En cas de besoin pour les avatars des commentaires j'utilise le lien suivant pour générer automatiquement des images : https://picsum.photos/200?1
Pour chaque personne différente, changer le 1 après le ? en un autre chiffre. Si vous souhaitez poster plusieurs commentaires de la même personne, utilisé le même chiffre à chaque fois.

Code:: Ligne de commentaire à coller autant de fois que voulu à l'endroit prévu à cet effet.
Coller sans espace ni retour à la ligne.
En cas de besoin pour les avatars des commentaires j'utilise le lien suivant pour générer automatiquement des images : https://picsum.photos/200?1
Pour chaque personne différentes, changer le 1 après le ? en un autre chiffre. Si vous souhaitez poster plusieurs commentaires de la même personne, utilisé le même chiffre à chaque fois.

_________________

Kayla Cohen

KoalaVolant