C'est l'application tendance que tout le monde s'arrache ! Bien sûr, on sait tous que tu as envie d'exposer tes plus belles photos avec tes meilleures poses et ce que tu fais de tes journées (ça nous intéresse grave) alors vas-y, n'hésite plus et fais nous baver ! Crée toi un compte [le titre du topic sous la forme : nom prénom (@pseudo)] et partage tout ça avec nous ! Tu peux aussi aller commenter les photos des autres en allant directement sur leur page. Laisse un petit commentaire mignon oupas.

page d'accueil

Code:

<link href="https://www.archive-host.com/count-3783508-code-insta.css" rel="stylesheet" media="all" type="text/css" /><center><br><div class="fondinsta"><table><tr><td><img src="https://via.placeholder.com/200x200" class="imgprofileinsta"><!--

IMG PROFIL

--></td><td><div style="word-spacing : 2em; margin:5px; text-align:justify;"><span class="nomprofilinsta">@pseudo</span> <span class="suivreinsta">suivre</span><span class="contacterinsta">contacter</span><span class="suivreinsta">...</span></div><div class="descriinsta"><div class="storyinstablock"><div style="display:inline-block; text-align:center;width:100px;"><b>xx</b><br>publications</div> <div style="display:inline-block;text-align:center;width:100px;"><b>xx</b><br>followers</div> <div style="display:inline-block;text-align:center;width:100px;"><b>xx</b><br>suivi(e)s</div></div>
</div>
</td></tr></table><div style="padding-left:10px; text-align:justify;">la description va ici !
et par là aussi si on veut hehe</div><!--
    
CODE STORY  (le code peut être supprimé)

 --><div style="width:428px;display:inline-block;height:70px;padding-left:50px;"><div style="float:left;"><img class="storyinsta" src="https://via.placeholder.com/200x200"></div><div style="float:left;"><img class="storyinsta" src="https://via.placeholder.com/200x200"></div><div style="float:left; "><img class="storyinsta" src="https://via.placeholder.com/200x200"></div></div><!--

CODE NOM SUIVIS

--><div style="text-align:left; margin-left:10px;"><a href="lien-url"><b>pseudo1</b></a>,<a href="lienurl"><b>pseudo2</b></a> et <b>xx autres personnes</b> suivent</div><!--

CODE IMG A NE PAS TOUCHER

--><div class="hautinstaimg" /><div style="float:left; height:40px; width:100px; margin-left:20px; cursor:pointer;"></div><div style="float:left; height:40px; width:125px; margin-left:22px; cursor:pointer;"></div><div style="float:left; height:40px; width:88px; margin-left:50px; cursor:pointer;"></div></div><!--

CODE IMG LIGNE 1

-->
<center><img class="postinsta" style="background: url(https://via.placeholder.com/200x200); background-size: 100%;"/> <img class="postinsta" style="background: url(https://via.placeholder.com/200x200); background-size: 100%;"/> <img class="postinsta" style="background: url(https://via.placeholder.com/200x200); background-size: 100%;"/><!--

CODE IMG LIGNE 2

-->
<img class="postinsta" style="background: url(https://via.placeholder.com/200x200); background-size: 100%;"/> <img class="postinsta" style="background: url(https://via.placeholder.com/200x200); background-size: 100%;"/> <img class="postinsta" style="background: url(https://via.placeholder.com/200x200); background-size: 100%;"/><!--

CODE IMG LIGNE 3

-->
<img class="postinsta" style="background: url(https://via.placeholder.com/200x200); background-size: 100%;"/> <img class="postinsta" style="background: url(https://via.placeholder.com/200x200); background-size: 100%;"/> <img class="postinsta" style="background: url(https://via.placeholder.com/200x200); background-size: 100%;"/>
<br><div class="basinstaimg"><div style="height:40px; width:30px; cursor:pointer; float:left;margin-left: 84px;"></div><div style="height:40px; width:30px; cursor:pointer;float:left;margin-left: 27px;"></div><div style="height:40px; width:30px; cursor:pointer;float:left;margin-left: 27px;"></div><div style="height:40px; width:30px; cursor:pointer;float:left;margin-left: 27px;"></div><div style="height:40px;width:30px;cursor:pointer;float: left;margin-left: 27px;"></div></center></div></center>

poster une photo/vidéo

Code:

<link href="https://www.archive-host.com/count-3783508-code-insta.css" rel="stylesheet" media="all" type="text/css" /><center><div class="fondinsta"><div class="infopost"><div style="float:left; margin-left:5px;"><img src="https://via.placeholder.com/100x100" class="postimgprofile"></div><span class="nomprofilinsta" style="line-height:58px; padding-left:5px; ">@nomprofil</span><div style="float:right;writing-mode: vertical-lr;padding-top:20px;font-size: 7px!important;letter-spacing: -3px;cursor:pointer;">●●●</div></div>
<img src="https://via.placeholder.com/200x200" style="height:100%; width:100%;"><!--

LIEN IMAGE POST

--><div class="basinstapostimage"><div class="infopostinsta1"></div><div class="infopostinsta2"></div><div class="infopostinsta2"></div><div class="infopostinsta3"></div></div><div style="padding:5px; text-align:justify;"><b>xx J'aime</b>
<span style="cursor:pointer;"><b>pseudojoueur</b></span> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

<span style="opacity:0.7;">Voir les xxx commentaires</span></div></div></center>

poster une story

Code:

<link href="https://sd-2.archive-host.com/membres/up/183121560646063078/storyinsta.css" rel="stylesheet" media="all" type="text/css" /><center><div class="fondstory1"><img src="https://via.placeholder.com/100x200"></div><!--
IMG DE LA STORY (les images longues passent mieux)

--><div class="infostory1"><div style="padding:10px;"><center><div class="barrestory"></div></center></div><div style="background-image:url(https://via.placeholder.com/100x100);" class="profilstory"><!-- IMG PROFILE

--></div><div class="pseudostory"><strong>pseudojoueur</strong> 2h</div><div class="petitpointstory">●●●</div></div><div class="imgbasstory1"></div></center>

<style>.fondstory1 img {width: 300px;height: 500px;background-size: cover;object-fit: cover;}</style>

suivre un compte

Code:

<link href="https://www.archive-host.com/count-3783508-code-insta.css" rel="stylesheet" media="all" type="text/css" /><center><div style="background: var(--fondpostinsta); border: 1px solid var(--borderimage);width: auto; padding: 5px 0px 5px 0px; border-radius: 5px; height:auto; display:inline-block;"><div style="background-image:url(https://via.placeholder.com/100x100);" class="profilstory"></div><!--

IMG PROFIL --><div style="display:inline-block; width:176px;text-align:left; padding-left:5px;"><b>@hinanimé</b> a commencé à vous suivre. </div><div style="float:right;display:inline-block;margin-top:10px;"><span class="suivreinsta">Suivre</span></div></div></center>

poster un commentaire

Code:

<center><link href="https://www.archive-host.com/count-3783508-code-insta.css" rel="stylesheet" media="all" type="text/css" /><div style="background: var(--fondpostinsta); border: 1px solid var(--borderimage);width: 320px; padding: 5px 0px 5px 0px; border-radius: 5px; height:auto; display:inline-block;"><div style="background-image:url(https://via.placeholder.com/100x100);" class="profilstory"></div><!-- PROFIL IMG

--><div style="display:inline-block; float:right; width:270px;height:auto; text-align:left; padding-right:5px;"><b>@jiniale</b> 2min</div><div style="display:inline-block; float:left; width:255px;height:auto; text-align:left;padding-left:5px;">Les enfants seuls savent ce qu'ils cherchent, fit le petit prince. Ils perdent du temps pour une poupée de chiffons, et elle devient très importante, et si on la leur enlève, ils pleurent...</div><div class="coeurinsta">♡</div></div></center>