Instagram ‣ S'afficher sur le réseau

20/11/2018

Fouiner et être remarqué !

Si tu souhaites offrir un Instagram à ton personnage, voici de quoi le créer et l’alimenter ! Les modèles ci-dessous sont les plus simples, pratiques et les plus esthétiques que l’on puisse trouver. Tu connais probablement le principe et le fonctionnement de ce réseau, alors les instructions ci-dessous seront surtout utiles à bien comprendre comme le code marche.

➥ Ouvrir un sujet (unique) sous ce titre :

Code:

Prénom ‣ @nomdel’insta

➥ Penses à changer le nombre de likes et de commentaires sur chaque image (les stats s'affichent au survol)
➥ Les images se redimensionnent automatiquement
➥ Tu peux ajouter autant d’images que tu veux, sans saut de ligne (automatique)
➥ Evidemment, le contenu pornographique est interdit. Sois raisonnable !
➥ La partie « tagged » a pour fonction de recenser les mentions des autres insta des personnages du forum. Ainsi, si quelqu’un poste une publication te concernant, tu pourras récupérer la photo pour l’ajouter à ton insta dans la partie Tagged. Ce n’est malheureusement pas automatique ! De ton côté, si tu publies quelque chose en rapport avec un autre personnage, n’oublies pas de le tagger sur le même poste afin qu’il puisse le voir à coup sûr !
➥ Il ne faut pas écrire à l'intérieur des balises commentaires, à savoir :
Spoiler:

En cas de souci, le Staff te donnera un coup de main !

Page principale

Code:

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600" /> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"> <link rel="stylesheet" href="https://www.aht.li/3282401/insta.css" /> <link rel="stylesheet" href="https://www.aht.li/3282530/insta_onglets.css" /> <div class="insta"> <div class="profil"><img class="profil-image" src="LOGO DE TON INSTA" /><div class="perso more"> <div class="pseudo">NOM DE L'INSTA</div> <div class="profil-btn">Following</div> <div class="profil-btn">▾</div></div> <div class="stat"><span class="posts">xx</span><span class="followers">xx</span><span class="following">xx</span></div> <div class="bio"><strong>Nom Prénom</strong>
Citation citation citation citation citation citation

<span class="followed">Followed by <strong>username</strong>, <strong>username</strong>, <strong>username</strong> + 1 more</span></div></div>
<div class="tabs"><input class="input" name="tabs" type="radio" id="tab-1" checked="checked" /> <label class="label published" for="tab-1">Posts</label> <div class="panel"><div class="galerie"><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> x</span> <span><i class="fas fa-comment" aria-hidden="true"></i> y</span></div> <img src="IMAGE" /></div><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> x</span> <span><i class="fas fa-comment" aria-hidden="true"></i> y</span></div> <div class="feed-type"><i class="fas fa-clone" aria-hidden="true"></i></div> <img src="IMAGE" /></div><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> x</span> <span><i class="fas fa-comment" aria-hidden="true"></i> y</span></div> <img src="IMAGE" /></div><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> x</span> <span><i class="fas fa-comment" aria-hidden="true"></i> y</span></div> <div class="feed-type"><i class="fas fa-video" aria-hidden="true"></i></div> <img src="IMAGE" /></div><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> x</span> <span><i class="fas fa-comment" aria-hidden="true"></i> y</span></div> <img src="IMAGE" /></div><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> x</span> <span><i class="fas fa-comment" aria-hidden="true"></i> y</span></div> <div class="feed-type"><i class="fas fa-clone" aria-hidden="true"></i></div> <img src="IMAGE" /></div><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> x</span> <span><i class="fas fa-comment" aria-hidden="true"></i> y</span></div> <div class="feed-type"><i class="fas fa-clone" aria-hidden="true"></i></div> <img src="IMAGE" /></div><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> x</span> <span><i class="fas fa-comment" aria-hidden="true"></i> y</span></div> <div class="feed-type"><i class="fas fa-video" aria-hidden="true"></i></div> <img src="IMAGE" /></div><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> x</span> <span><i class="fas fa-comment" aria-hidden="true"></i> y</span></div> <img src="IMAGE" /></div></div></div><input class="input" name="tabs" type="radio" id="tab-2" /> <label class="label tagged" for="tab-2">Tagged</label> <div class="panel"> <div class="galerie"><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> x</span> <span><i class="fas fa-comment" aria-hidden="true"></i> y</span></div> <img src="IMAGE" /></div><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> x</span> <span><i class="fas fa-comment" aria-hidden="true"></i> y</span></div> <img src="IMAGE" /></div><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> x</span> <span><i class="fas fa-comment" aria-hidden="true"></i> y</span></div> <img src="IMAGE" /></div><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> x</span> <span><i class="fas fa-comment" aria-hidden="true"></i> y</span></div> <img src="IMAGE" /></div><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> x</span> <span><i class="fas fa-comment" aria-hidden="true"></i> y</span></div> <img src="IMAGE" /></div><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> x</span> <span><i class="fas fa-comment" aria-hidden="true"></i> y</span></div> <img src="IMAGE" /></div><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> x</span> <span><i class="fas fa-comment" aria-hidden="true"></i> y</span></div> <img src="IMAGE" /></div><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> x</span> <span><i class="fas fa-comment" aria-hidden="true"></i> y</span></div> <img src="IMAGE" /></div><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> x</span> <span><i class="fas fa-comment" aria-hidden="true"></i> y</span></div> <img src="IMAGE" /></div></div></div> </div>

<div class="loader"></div></div> <credit>cr: HERESY.</credit>

Publication

Code:

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,600" /> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"> <link rel="stylesheet" href="https://www.aht.li/3282993/insta-comm.css" /> <div class="insta-post"><div class="insta-id"><a href="http://www.bazzart.org/u7256" target="_blank"><img class="insta-id-pic" src="LOGO DE TON INSTA" /></a> <div class="id-pseudo">username • following</div></div><img class="post-pic" src="IMAGE A POSTER" /><div class="post-like"><strong>00 Likes</strong>
<strong>username</strong> message ici
<hr />
<strong>username</strong> commentaire
<strong>username</strong> commentaire
<strong>username</strong> commentaire
<hr />
<div class="date">Mois 19</div></div></div>

20/11/2018

NOM DE L'INSTA

Following

▾

xxxxxx

Nom Prénom
Citation citation citation citation citation citation

Followed by username, username, username + 1 more

Posts

x y

Tagged

x y

cr: HERESY.

Mois 19

username • following

00 Likes
username message ici

username commentaire
username commentaire
username commentaire

Mois 19