SUSAN BOOKER
Madame le Maire
Messages : 163Points : 2Faceclaim : Jessica LangeCrédits : Tag (avatar) + Astra (signature)Date d'inscription : 11/09/2020Âge : 57 ansSituation financière : AiséeEmploi/études : Maire (# ) MODÈLE ❞ Instagram (obligatoire) par
SUSAN BOOKER Jeu 15 Oct - 23:24
Instagram
Explications et modèle
Explication Un court rappel : à l'heure actuelle, Instagram est le réseau social le plus populaire auprès des jeunes, et parfois même des moins jeunes. Partager des photos et vidéos avec ses amis ou sa communauté, poster des stories, liker et commenter les photos de ses proches... Beaucoup l'utilisent, que ce soit des célébrités ou des gens lambdas. Nous avons donc décidé de vous permettre de partager vos plus belles photos en vous proposant un codage obligatoire . Ready? À vos meilleures photos !
Modèle La premier message est présentation de votre compte Instagram. Le second code vous permet de poster vos photos ou vidéos (gifs). Un code pour commenter les photos de votre entourage est également disponible. Concernant le système de likes, il vous est donc possible d'aimer les photos rien qu'en utilisant le système mis en place sur le forum. Le crédit du codage va tout droit à HERESY, merci d'y laisser son pseudo.
Titre: Code: @Pseudo | Instagram
Feed: 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="https://via.placeholder.com/200x200" /> <div class="perso more"> <div class="pseudo">username</div> <div class="profil-btn">Following</div> <div class="profil-btn">▾</div></div> <div class="stat"><span class="posts">349</span><span class="followers">834</span><span class="following">238</span></div> <div class="bio"><strong>Nom Prénom</strong> Long nights, daydreams, sugar and smoke rings [img]http://twemoji.maxcdn.com/16x16/1f48e.png[/img] [img]http://twemoji.maxcdn.com/16x16/1f48b.png[/img] <a href="https://www.youtube.com/watch?v=PYI0E_Wr1gM" target="_blank">youtu.be/PYI0E_Wr1gM</a> <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"><!-- code ajout d'une image --><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <img src="https://via.placeholder.com/200x150" /></div><!-- code ajout nouvelle image --><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <div class="feed-type"><i class="fas fa-clone" aria-hidden="true"></i></div> <img src="https://via.placeholder.com/350x200" /></div><!-- code ajout nouvelle image --><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <img src="https://via.placeholder.com/160x160" /></div><!-- code ajout nouvelle image --><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <div class="feed-type"><i class="fas fa-video" aria-hidden="true"></i></div> <img src="https://via.placeholder.com/230x180" /></div><!-- code ajout nouvelle image --><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <img src="https://via.placeholder.com/300x150" /></div><!-- code ajout nouvelle image --><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <div class="feed-type"><i class="fas fa-clone" aria-hidden="true"></i></div> <img src="https://via.placeholder.com/350x150" /></div><!-- code ajout nouvelle image --><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <div class="feed-type"><i class="fas fa-clone" aria-hidden="true"></i></div> <img src="https://via.placeholder.com/300x150" /></div><!-- code ajout nouvelle image --><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <div class="feed-type"><i class="fas fa-video" aria-hidden="true"></i></div> <img src="https://via.placeholder.com/400x200" /></div><!-- code ajout nouvelle image --><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <img src="https://via.placeholder.com/300x150" /></div><!-- FIN DU FEED INSTA --></div></div><!-- DÉBUT DES IMAGES "MENTIONNÉ" --><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"><!-- code ajout d'une image --><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <img src="https://via.placeholder.com/200x150" /></div><!-- code ajout d'une image --><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <img src="https://via.placeholder.com/200x150" /></div><!-- code ajout d'une image --><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <img src="https://via.placeholder.com/200x150" /></div><!-- code ajout d'une image --><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <img src="https://via.placeholder.com/200x150" /></div><!-- FIN DES MENTIONS --></div></div> </div> <div class="loader"></div></div> <credit>cr: HERESY.</credit>
Post: 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="https://via.placeholder.com/200x200" /></a> <div class="id-pseudo">username • following</div></div><!-- --><img class="post-pic" src="https://via.placeholder.com/400x450" /><div class="post-like"><strong>439 Likes</strong> <strong>username</strong> message ici <hr /> <div class="date">June 15</div></div></div>
Commentaire: Code: <div class="insta-com"> <img src="https://via.placeholder.com/40x40" class="profil-pic"> <div class="comment"><div class="pseudo">username</div> commentaire</div></div>
Permission de ce forum:
Vous
ne pouvez pas répondre aux sujets dans ce forum