Social Media - Codes proposés

sinners & saints

see you in hell or in new orleans

Afin de vous permettre d'intégrer au maximum l'univers des réseaux sociaux au sein du forum, notamment principalement sur la façon dont les vampires gèrent cette nouveauté pour cacher leur véritable identité, vous trouverez ci-joint divers codes issus de libre service pour créer un instagram, une page facebook ou autres en espérant qu'ils vous seront utiles.

» Instagram

Deux codes sont disponibles, l'un pour votre profil, l'autre pour les "nouveaux posts", pensez à changer les likes et commentaires sur ceux-ci.

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"><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><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><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><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><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><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><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><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><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></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> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <img src="https://via.placeholder.com/200x150" /></div><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><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><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></div></div> </div>

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

Le code pour les nouveaux postes

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 />
<strong>username</strong> commentaire
<strong>username</strong> commentaire
<strong>username</strong> commentaire
<hr />
<div class="date">June 15</div></div></div>

» Twitter

Code:: <link type="text/css" rel="stylesheet" href="http://strandhogg.fr/epicode/css/31.css?"/>
<div class="template-linus-31"><div class="tli-header"><b>Jean-Michel</b><div class="tli-bg" style="background-image:url(http://i97.servimg.com/u/f97/15/84/59/36/rsz_ly10.png)"></div><img class="tli-avatar" src="http://i97.servimg.com/u/f97/15/84/59/36/rsz_ly10.png"/></div><div class="tli-body"><ul class="tli-top"><li><b>Jean-Michel</b><span>@jeanmichou93</span></li><li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas pharetra neque vitae justo sodales luctus. Etiam efficitur dolor rhoncus enim dictum, vel tristique leo rhoncus. Morbi porttitor. Proin varius condimentum lectus, non elementum risus imperdiet sed. Phasellus facilisis ante feugiat ipsum hendrerit feugiat.</li><li><b>0</b> following</li><li><b>0</b> abonné</li></ul><span id="onglet1" class="tli-target"></span><span id="onglet2" class="tli-target"></span><ul class="tli-menu"><li><a href="#onglet1">feed</a></li><li><a href="#onglet2">more</a></li></ul><ul class="tli-tweets"><li><img class="tli-avatar" src="http://i97.servimg.com/u/f97/15/84/59/36/rsz_ly10.png"/><b>Jean-Marc</b> <span>@jeanmarcouille</span><br/><p>Maecenas pharetra neque vitae justo sodales luctus. Etiam efficitur dolor rhoncus enim dictum, vel tristique leo rhoncus.</p><ul class="tli-tweet-links"><li class="lien-prez"><a href="#presentation" target="_blank"></a></li><li class="lien-relations"><a href="#relations" target="_blank"></a></li><li class="lien-profil"><a href="#profil" target="_blank"></a></li><li class="lien-mp"><a href="#mp" target="_blank"></a></li></ul></li><li><img class="tli-avatar" src="http://i97.servimg.com/u/f97/15/84/59/36/rsz_ly10.png"/><b>Jean-François</b> <span>@jeanfrancebleublancrouge</span><br/><p>Proin varius condimentum lectus, non elementum risus imperdiet sed. Phasellus facilisis ante feugiat ipsum hendrerit feugiat.</p><ul class="tli-tweet-links"><li class="lien-prez"><a href="#presentation" target="_blank"></a></li><li class="lien-relations"><a href="#relations" target="_blank"></a></li><li class="lien-profil"><a href="#profil" target="_blank"></a></li><li class="lien-mp"><a href="#mp" target="_blank"></a></li></ul></li><li><img class="tli-avatar" src="http://i97.servimg.com/u/f97/15/84/59/36/rsz_ly10.png"/><b>Jean-Christophe</b> <span>@jeancricri</span><br/><p>Suspendisse pharetra ut eros commodo bibendum. Nam consectetur nunc ac quam convallis, in varius mauris molestie.</p><ul class="tli-tweet-links"><li class="lien-prez"><a href="#presentation" target="_blank"></a></li><li class="lien-relations"><a href="#relations" target="_blank"></a></li><li class="lien-profil"><a href="#profil" target="_blank"></a></li><li class="lien-mp"><a href="#mp" target="_blank"></a></li></ul></li></ul><ul class="tli-tweets"><li><img class="tli-avatar" src="http://i97.servimg.com/u/f97/15/84/59/36/rsz_ly10.png"/><b>Jean-Baptiste</b> <span>@jeanbaptristoune</span><br/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas pharetra neque vitae justo sodales luctus. Etiam efficitur dolor rhoncus enim dictum, vel tristique leo rhoncus. Morbi porttitor, ipsum sed vehicula consequat, elit mauris laoreet risus, ut tristique ipsum libero non neque. Praesent tempus sed est eu venenatis. Proin varius condimentum lectus, non elementum risus imperdiet sed. Phasellus facilisis ante feugiat ipsum hendrerit feugiat. Sed nec eleifend diam. Fusce pharetra dolor ac risus imperdiet condimentum. Aenean interdum efficitur erat vitae sollicitudin.<ul class="tli-tweet-links"><li class="lien-prez"><a href="#presentation" target="_blank"></a></li><li class="lien-relations"><a href="#relations" target="_blank"></a></li><li class="lien-profil"><a href="#profil" target="_blank"></a></li><li class="lien-mp"><a href="#mp" target="_blank"></a></li></ul></li></ul></div><div class="tli-copyright">️linus pour <a href="http://epicode.variousforum.com" target="_blank">Epicode</a></div></div>

Jean-Michel

Jean-Michel@jeanmichou93
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas pharetra neque vitae justo sodales luctus. Etiam efficitur dolor rhoncus enim dictum, vel tristique leo rhoncus. Morbi porttitor. Proin varius condimentum lectus, non elementum risus imperdiet sed. Phasellus facilisis ante feugiat ipsum hendrerit feugiat.
0 following
0 abonné

Jean-Marc @jeanmarcouille
Maecenas pharetra neque vitae justo sodales luctus. Etiam efficitur dolor rhoncus enim dictum, vel tristique leo rhoncus.
Jean-François @jeanfrancebleublancrouge
Proin varius condimentum lectus, non elementum risus imperdiet sed. Phasellus facilisis ante feugiat ipsum hendrerit feugiat.
Jean-Christophe @jeancricri
Suspendisse pharetra ut eros commodo bibendum. Nam consectetur nunc ac quam convallis, in varius mauris molestie.

Jean-Baptiste @jeanbaptristoune
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas pharetra neque vitae justo sodales luctus. Etiam efficitur dolor rhoncus enim dictum, vel tristique leo rhoncus. Morbi porttitor, ipsum sed vehicula consequat, elit mauris laoreet risus, ut tristique ipsum libero non neque. Praesent tempus sed est eu venenatis. Proin varius condimentum lectus, non elementum risus imperdiet sed. Phasellus facilisis ante feugiat ipsum hendrerit feugiat. Sed nec eleifend diam. Fusce pharetra dolor ac risus imperdiet condimentum. Aenean interdum efficitur erat vitae sollicitudin.

️linus pour Epicode

username

Following

▾

349834238

Nom Prénom
Long nights, daydreams, sugar and smoke rings Social Media - Codes proposés 1f48e

youtu.be/PYI0E_Wr1gM

Followed by username, username, username + 1 more

Posts

89 5

Tagged

89 5

cr: HERESY.

username • following

439 Likes
username message ici

username commentaire
username commentaire
username commentaire

June 15