INSTA ⟡ modèle

01

Instagramlove me click me

Note 1. pense à purger le cache de ton navigateur à chaque changement des codes instagram :

pour mac : maj + cmd + r
pour windows : maj + ctrl + r

Note 2. Ils sont nombreux, les jeunes mages à surfer sur instagram. Fort heureusement, les skygliders flambants neufs et autres accessoires magiques qu'il leur arrive de brandir sont soigneusement filtrés par un sort protecteur, afin de ne s'afficher qu'aux yeux des initiés. Sens-toi donc parfaitement libre de photographier ce que bon te semble avec ton pseudo d'internet ou ton vrai nom (@pseudo) : les intouchés ne verront qu'un simple bug. Quant à tes clichés animés, tu n'as pas non plus à t'en faire : ils croiront innocemment visualiser des gifs.

Feed (codes basiques)

@username

Contenu de la bio ici
Followed by compte 1, compte 2 and 00 others

00 posts
00 followers
00 following

Titre de la story ici

Posts
Tagged

00
00

Code pour Isekai Monogatari

Code:: <div class="imo_insta"> <div class="imo_insta_Header"><div class="imo_insta_HeaderRow1"> <instapp><img src="https://via.placeholder.com/176x176" class="imo_insta_pp"></instapp> <div class="imo_insta_HeaderContent"> <nom>@username <verif></verif><locked></locked></nom> <desc>Contenu de la bio ici</desc> <follow>Followed by [b]compte 1[/b], [b]compte 2[/b] and 00 others</follow></div></div> <div class="imo_insta_HeaderRow2" id="stats"> <stat>[b]00[/b] posts</stat> <stat>[b]00[/b] followers</stat> <stat>[b]00[/b] following</stat></div></div>  <div class="imo_insta_Stories"> <a href="https://isekai-monogatari.forumactif.com/"><img src="https://via.placeholder.com/100x100"><span>Titre de la story ici</span></a> <a href="https://isekai-monogatari.forumactif.com/"><img src="https://via.placeholder.com/100x100"><span>Titre de la story ici</span></a> <a href="hhttps://isekai-monogatari.forumactif.com/"><img src="https://via.placeholder.com/100x100"><span>Titre de la story ici</span></a> </div> <div class="imo_insta_Tabs"><tab id="posts" class="selected"><ion-icon name="grid-outline"></ion-icon> Posts</tab> <tab id="tagged"><ion-icon name="people-circle-outline"></ion-icon> Tagged</tab></div> <div class="imo_insta_Grid insta-showed" id="posts">  <div class="grid-img"><img-stats> <stat><ion-icon name="heart-outline"></ion-icon>00</stat> <stat><ion-icon name="chatbubble-ellipses-outline"></ion-icon>00</stat></img-stats>  <ion-icon name="images"></ion-icon> <ion-icon name="videocam"></ion-icon>  <img src="https://via.placeholder.com/500x500"></div> <div class="grid-img"><img-stats> <stat><ion-icon name="heart-outline"></ion-icon>00</stat> <stat><ion-icon name="chatbubble-ellipses-outline"></ion-icon>00</stat></img-stats>  <ion-icon name="images"></ion-icon> <ion-icon name="videocam"></ion-icon>  <img src="https://via.placeholder.com/500x500"></div> <div class="grid-img"><img-stats> <stat><ion-icon name="heart-outline"></ion-icon>00</stat> <stat><ion-icon name="chatbubble-ellipses-outline"></ion-icon>00</stat></img-stats>  <ion-icon name="images"></ion-icon> <ion-icon name="videocam"></ion-icon>  <img src="https://via.placeholder.com/500x500"></div> <div class="grid-img"><img-stats> <stat><ion-icon name="heart-outline"></ion-icon>00</stat> <stat><ion-icon name="chatbubble-ellipses-outline"></ion-icon>00</stat></img-stats>  <ion-icon name="images"></ion-icon> <ion-icon name="videocam"></ion-icon>  <img src="https://via.placeholder.com/500x500"></div> <div class="grid-img"><img-stats> <stat><ion-icon name="heart-outline"></ion-icon>00</stat> <stat><ion-icon name="chatbubble-ellipses-outline"></ion-icon>00</stat></img-stats>  <ion-icon name="images"></ion-icon> <ion-icon name="videocam"></ion-icon>  <img src="https://via.placeholder.com/500x500"></div> <div class="grid-img"><img-stats> <stat><ion-icon name="heart-outline"></ion-icon>00</stat> <stat><ion-icon name="chatbubble-ellipses-outline"></ion-icon>00</stat></img-stats>  <ion-icon name="images"></ion-icon> <ion-icon name="videocam"></ion-icon>  <img src="https://via.placeholder.com/500x500"></div> <div class="grid-img"><img-stats> <stat><ion-icon name="heart-outline"></ion-icon>00</stat> <stat><ion-icon name="chatbubble-ellipses-outline"></ion-icon>00</stat></img-stats>  <ion-icon name="images"></ion-icon> <ion-icon name="videocam"></ion-icon>  <img src="https://via.placeholder.com/500x500"></div> <div class="grid-img"><img-stats> <stat><ion-icon name="heart-outline"></ion-icon>00</stat> <stat><ion-icon name="chatbubble-ellipses-outline"></ion-icon>00</stat></img-stats>  <ion-icon name="images"></ion-icon> <ion-icon name="videocam"></ion-icon>  <img src="https://via.placeholder.com/500x500"></div> <div class="grid-img"><img-stats> <stat><ion-icon name="heart-outline"></ion-icon>00</stat> <stat><ion-icon name="chatbubble-ellipses-outline"></ion-icon>00</stat></img-stats>  <ion-icon name="images"></ion-icon> <ion-icon name="videocam"></ion-icon>  <img src="https://via.placeholder.com/500x500"></div> <div class="grid-img"><img-stats> <stat><ion-icon name="heart-outline"></ion-icon>00</stat> <stat><ion-icon name="chatbubble-ellipses-outline"></ion-icon>00</stat></img-stats>  <ion-icon name="images"></ion-icon> <ion-icon name="videocam"></ion-icon>  <img src="https://via.placeholder.com/500x500"></div> <div class="grid-img"><img-stats> <stat><ion-icon name="heart-outline"></ion-icon>00</stat> <stat><ion-icon name="chatbubble-ellipses-outline"></ion-icon>00</stat></img-stats>  <ion-icon name="images"></ion-icon> <ion-icon name="videocam"></ion-icon>  <img src="https://via.placeholder.com/500x500"></div>  </div> <div class="imo_insta_Grid" id="tagged">  <div class="grid-img"><img-stats> <stat><ion-icon name="heart-outline"></ion-icon>00</stat> <stat><ion-icon name="chatbubble-ellipses-outline"></ion-icon>00</stat></img-stats>  <ion-icon name="images"></ion-icon> <ion-icon name="videocam"></ion-icon>  <img src="https://via.placeholder.com/500x500"></div> <div class="grid-img"><img-stats> <stat><ion-icon name="heart-outline"></ion-icon>00</stat> <stat><ion-icon name="chatbubble-ellipses-outline"></ion-icon>00</stat></img-stats>  <ion-icon name="images"></ion-icon> <ion-icon name="videocam"></ion-icon>  <img src="https://via.placeholder.com/500x500"></div> <div class="grid-img"><img-stats> <stat><ion-icon name="heart-outline"></ion-icon>00</stat> <stat><ion-icon name="chatbubble-ellipses-outline"></ion-icon>00</stat></img-stats>  <ion-icon name="images"></ion-icon> <ion-icon name="videocam"></ion-icon>  <img src="https://via.placeholder.com/500x500"></div>  </div></div><imo_credits>Code pour Isekai Monogatari</imo_credits>

Feed (compte simplifié)

@username
Contenu de la bio ici

00 posts
00 followers
00 following

Code pour Isekai Monogatari

Code:: <div class="imo_insta mini"> <div class="imo_insta_Header"><div class="imo_insta_HeaderRow1"> <instapp><img src="https://via.placeholder.com/176x176" class="imo_insta_pp"></instapp> <div class="imo_insta_HeaderContent"> <nom>@username</nom> <desc>Contenu de la bio ici</desc> </div></div></div> <div class="imo_insta_Grid"> <div class="grid-img"><img src="https://via.placeholder.com/500x500"></div> <div class="grid-img"><img src="https://via.placeholder.com/500x500"></div> <div class="grid-img"><img src="https://via.placeholder.com/500x500"></div> <div class="grid-img"><img src="https://via.placeholder.com/500x500"></div> <div class="grid-img"><img src="https://via.placeholder.com/500x500"></div> <div class="grid-img"><img src="https://via.placeholder.com/500x500"></div> </div> <div class="imo_insta_HeaderRow2" id="stats"> <stat>[b]00[/b] posts</stat> <stat>[b]00[/b] followers</stat> <stat>[b]00[/b] following</stat> </div> </div><imo_credits>Code pour Isekai Monogatari</imo_credits>

Nouveau post (complet, 1 seule image)

@username

・00 likes

username description ici

Comments
username contenu du commentaire ici
username contenu du commentaire ici
username contenu du commentaire ici
username contenu du commentaire ici

April 19th, 2022

Code pour Isekai Monogatari

Code:: <div class="imo_insta insta_Post"> <div class="imo_insta_Header"><div class="imo_insta_HeaderRow1"> <instapp><img src="https://via.placeholder.com/176x176" class="imo_insta_pp"></instapp> <div class="imo_insta_HeaderContent"> <nom>@username <verif></verif><locked></locked></nom> </div></div></div> <div class="imo_insta_Grid" style="height: auto;"> <img src="https://via.placeholder.com/1000x1000" style="aspect-ratio: unset; position: initial;"> </div> <div class="imo_insta_PostInfo"> <div class="PostInfo_Buttons"><ion-icon name="heart-outline"></ion-icon><ion-icon name="chatbubble-ellipses-outline"></ion-icon><ion-icon name="paper-plane-outline"></ion-icon>・[b]00 likes[/b]</div> <div class="PostInfo_Desc"><desc>[b]username[/b] description ici</desc></div>  <div class="PostInfo_Comments"> Comments <comment>[b]username[/b] contenu du commentaire ici</comment> <comment>[b]username[/b] contenu du commentaire ici</comment> <comment>[b]username[/b] contenu du commentaire ici</comment> <comment>[b]username[/b] contenu du commentaire ici</comment>  </div>  <div class="PostInfo_Date">April 19th, 2022</div> </div> </div><imo_credits>Code pour Isekai Monogatari</imo_credits>

Nouveau post (complet, avec onglets)

@username

・00 likes

username description ici

Comments
username contenu du commentaire ici
username contenu du commentaire ici
username contenu du commentaire ici
username contenu du commentaire ici

April 19th, 2022

Code pour Isekai Monogatari

Code:: <div class="imo_insta insta_Post"> <div class="imo_insta_Header"><div class="imo_insta_HeaderRow1"> <instapp><img src="https://via.placeholder.com/176x176" class="imo_insta_pp"></instapp> <div class="imo_insta_HeaderContent"> <nom>@username <verif></verif><locked></locked></nom> </div></div></div> <div class="imo_insta_Grid msg_ong_contenu"> <img src="https://via.placeholder.com/1000x1000" id="id1">  <img src="https://via.placeholder.com/1000x1000" id="id2"> <img src="https://via.placeholder.com/1000x1000" id="id3"> </div>  <div class="insta_nav tabs-onglets"> <a class="msg_ong selected" href="#id1"></a> <a class="msg_ong" href="#id2"></a> <a class="msg_ong" href="#id3"></a>  </div>  <div class="imo_insta_PostInfo"> <div class="PostInfo_Buttons"><ion-icon name="heart-outline"></ion-icon><ion-icon name="chatbubble-ellipses-outline"></ion-icon><ion-icon name="paper-plane-outline"></ion-icon>・[b]00 likes[/b]</div> <div class="PostInfo_Desc"><desc>[b]username[/b] description ici</desc></div>  <div class="PostInfo_Comments"> Comments <comment>[b]username[/b] contenu du commentaire ici</comment> <comment>[b]username[/b] contenu du commentaire ici</comment> <comment>[b]username[/b] contenu du commentaire ici</comment> <comment>[b]username[/b] contenu du commentaire ici</comment>  </div>  <div class="PostInfo_Date">April 19th, 2022</div> </div> </div><imo_credits>Code pour Isekai Monogatari</imo_credits>

Nouveau post (simplifié, sans onglets)

@username

description ici #tag #tag

April 19th, 2022

Code pour Isekai Monogatari

Code:: <div class="imo_insta insta_Post mini"> <div class="imo_insta_Header"><div class="imo_insta_HeaderRow1"> <instapp><img src="https://via.placeholder.com/176x176" class="imo_insta_pp"></instapp> <div class="imo_insta_HeaderContent"> <nom>@username</nom> </div></div></div> <img src="https://via.placeholder.com/500x500" class="mini-insta"> <div class="imo_insta_PostInfo"> <div class="PostInfo_Desc"><desc>description ici #tag #tag</desc></div> <div class="PostInfo_Date">April 19th, 2022</div> </div> </div><imo_credits>Code pour Isekai Monogatari</imo_credits>

Poster une story

username20mn

@username
#tagici

Code:: <div class="imo_insta_story"> <div class="imo_insta_StoryHeader">[b]username[/b]<span>20mn</span>  <ion-icon name="star"></ion-icon> </div> <div class="story_nav tabs-onglets"> <a class="msg_ong selected" href="#img1"></a>  <a class="msg_ong" href="#img2"></a> <a class="msg_ong" href="#img3"></a> </div> <div class="story_img msg_ong_contenu"> <img src="https://via.placeholder.com/360x1000" id="img1">  <img src="https://via.placeholder.com/360x1000" id="img2"> <img src="https://via.placeholder.com/360x1000" id="img3"> </div>   <a href="URL du profil Insta de la personne" class="instamention" style="top: 150px;">@username</a> <instatag style="top: 200px;"><span>#tagici</span></instatag> <ion-icon name="heart-outline"></ion-icon> </div>

Compte certifié

Les comptes représentant une personnalité publique, une célébrité ou une marque mondiale peuvent être vérifiés par instagram. Si ton personnage entre dans cette catégorie, tu peux le signaler en ajoutant ce code à la suite de ton pseudo :

Code:: <verif></verif>

— sur ton feed, dans tes nouveaux posts et dans tes commentaires (à l'endroit indiqué dans les codes).

N'oublie pas de c/c ce symbole :

dans ton titre, à la suite de ton pseudo.

N'hésite pas à suivre les comptes vérifiés et à commenter les posts (avec ou sans lien établi au préalable), ou à les mentionner à l'occasion, histoire de consolider le background des personnages supposés être connus dans le monde magique.

Suivre/arrêter de suivre un utilisateur

Pour suivre un utilisateur, tu peux tout simplement liker/disliker son premier post (feed). Mais si tu souhaites préciser la date du changement, tu peux poster à la suite de son topic avec les codes suivants.

Pour suivre :

New follower

@username started following you.

April 30th, 2022

Code:: <div class="imo_insta insta_Action reveal"> <div class="imo_insta_Header"><div class="imo_insta_Titre"><ion-icon name="people-outline"></ion-icon> New follower</div> <div class="imo_insta_HeaderRow1"> <instapp><img src="https://via.placeholder.com/176x176" class="imo_insta_pp"></instapp> <div class="imo_insta_ActionContent"><text>[b]@username[/b] <verif></verif> started following you.</text> <div class="imo_insta_ActionDate">April 30th, 2022</div></div> </div></div></div>

Pour arrêter de suivre :

New unfollow

@username stopped following you.

April 30th, 2022

Code:: <div class="imo_insta insta_Action reveal"> <div class="imo_insta_Header"><div class="imo_insta_Titre"><ion-icon name="person-remove-outline"></ion-icon> New unfollow</div> <div class="imo_insta_HeaderRow1"> <instapp><img src="https://via.placeholder.com/176x176" class="imo_insta_pp"></instapp> <div class="imo_insta_ActionContent"><text>[b]@username[/b] <verif></verif> stopped following you.</text> <div class="imo_insta_ActionDate">April 30th, 2022</div></div> </div></div></div>

Liker / commenter un post

Liker un post Tu as le choix entre :

Utiliser le système de like du forum (attention à ne pas utiliser le bouton "feels" qui, dans ce cadre, serait considéré comme une réaction HJ) ;
Conserver tes anciennes habitudes en utilisant le code "a commencé à vous suivre" et en remplaçant le texte par "a aimé votre publication".

Commenter un post remplis ce code et poste-le dans l'insta de l'utilisateur concerné :

Pour liker :

New like

@username liked your post.

April 30th, 2022

Code:: <div class="imo_insta insta_Action reveal"> <div class="imo_insta_Header"><div class="imo_insta_Titre"><ion-icon name="heart-outline"></ion-icon> New like</div> <div class="imo_insta_HeaderRow1"> <instapp><img src="https://via.placeholder.com/176x176" class="imo_insta_pp"></instapp> <div class="imo_insta_ActionContent"><text>[b]@username[/b] <verif></verif> liked your post.</text> <div class="imo_insta_ActionDate">April 30th, 2022</div></div> </div></div></div>

Pour commenter :

New comment

@username commented: votre commentaire ici

April 30th, 2022

Code:: <div class="imo_insta insta_Action reveal"> <div class="imo_insta_Header"><div class="imo_insta_Titre"><ion-icon name="chatbubble-ellipses-outline"></ion-icon> New comment</div> <div class="imo_insta_HeaderRow1"> <instapp><img src="https://via.placeholder.com/176x176" class="imo_insta_pp"></instapp> <div class="imo_insta_ActionContent"><text>[b]@username <verif></verif> commented:[/b] votre commentaire ici</text> <div class="imo_insta_ActionButtons"><div class="imo_insta_ActionDate">April 30th, 2022</div></div></div> </div></div></div>