Réseaux sociaux; Explications et codes
avatar
Compte fondateur
Compte fondateur
Messages : 345
Dollars : 416
Date d'inscription : 25/05/2017
Voir le profil de l'utilisateur
Sam 8 Juil - 3:51
Comme vous l'aurez certainement compris, ici, c'est une zone où vous pourrez créer les pages de comptes de vos personnages sur les réseaux sociaux.

Cela fonctionne plutôt simplement, puisqu'un sujet équivaut à une page sur un réseaux (un sujet pour votre compte Facebook, un pour Twitter, un pour Instagram etc). Cependant, soyons bien clairs : ces pages sont, comme tous profils sur les réseaux sociaux, faites pour être actives. Nous vous demanderons donc, si vous décidez de vous faire une page de chaque réseau, d'être actif dessus -pas tous les jours, ni tous les deux jours ou quoi, hein. Mais rendez les vivantes ! Sortez les trolls, les activistes, les postbads qui sommeillent en vos personnages que diable !! Vendez nous du rêve.

Bien sûr, tout ce qui est sur les réseaux sociaux est RP et peut être compté dans vos posts dans les forums RP.

Vous pouvez laisser les gens libres de vous répondre sur vos posts, si vous le désirez, et pouvez même écrire un petit texte explicatif en spoiler ou autre au début de votre sujet, VOUS GÉREZ ! C'est votre sujet, votre délire -celui de votre personnage aussi-, organisez le comme bon vous semble, tant que vous ne floodez pas en créant trente six milles sujets pour un FB, par exemple.

Vous trouverez, également, à la suite, des codages en libre services pour chaque réseaux. Nous alimenteront plus tard pour certains réseaux manquant, si nous trouvons des codes sympas, sinon, nous les coderons, ne vous inquiétez pas.

En attendant... amusez vous !
avatar
Compte fondateur
Compte fondateur
Messages : 345
Dollars : 416
Date d'inscription : 25/05/2017
Voir le profil de l'utilisateur
Sam 8 Juil - 3:53
YouTube


Insert Catchphrase


22:05
Youtube video title here | WHATEVER YOU WANT ONLY TWO LINES ...1,030,194 views • 1 day ago
WATCHED
22:05
Youtube video title here | WHATEVER YOU WANT ONLY TWO LINES ...1,030,194 views • 1 day ago
22:05
Youtube video title here | WHATEVER YOU WANT ONLY TWO LINES ...1,030,194 views • 1 day ago
22:05
Youtube video title here | WHATEVER YOU WANT ONLY TWO LINES ...1,030,194 views • 1 day ago


Code:
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'><style>#youtube{width: 500px; background-color: #f1f1f1;}#yt1{width: 500px; position: relative; height: 150px; background-image: url(BANNER IMAGE HERE); background-size: cover; background-position: center;}#yt1 img{position: absolute; top: 0px; left: 15px; width: 100px; height: 100px;}.yt-t{position: absolute; bottom: 0px; right: 0px; width: 84px; height: 30px; background-image: url(http://i59.tinypic.com/mc6asn.png);}.yt-t img{width: 30px!important; height: 30px!important;}#yt2{background-color: #ffffff; padding: 20px; border: 1px solid #eee; position: relative;}.yt-t2{color: #222; font-weight: bold; font-family: helvetica; font-size: 20px; text-align: left;}.yt-sub{width: 135px; height: 36px; position: absolute; right: 0px; top: 0px; background-image: url(http://i62.tinypic.com/2co55ar.png);}#yt3{border: 1px solid #eee; background-color: #fff;}#yt4{padding: 15px; background-color: #fff; border-left: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #eee;}.ytvid{width: 230px; display: inline-block; height: 190px; vertical-align: top; position: relative; margin: 1px 1px 2px 0px;}.ytvid img{width: 230px; height: 130px;}.ytvv{padding: 2px; font-family: helvetica; color: #fff; background-color: rgba(0,0,0,0.8); text-align: center; position: absolute; top: 110px; right: 5px; z-index: 5; font-size: 10px;}.ytvv2{padding: 7px 7px 5px 7px; font-family: helvetica; color: #fff; background-color: rgba(0,0,0,0.8); text-align: center; position: absolute; top: 10px; left: 10px; z-index: 5; text-transform: uppercase; font-size: 10px; opacity: 0.8; font-weight: bold;}.ytw{margin-top: 5px; font-family: helvetica; color: #167ac6; font-weight: bold; line-height: 120%; font-size: 12px; text-align: left;}.ytw sub{display: block; font-size: 10px; text-transform: lowercase; color: #777777; font-weight: normal; margin-top: 5px;}.ytvw{background-color: rgba(255,255,255,0.4); width: 230px; height: 130px; position: absolute; top: 0px; left: 0px;}</style><center><div id="youtube"><div id="yt1"><img src="SQUARE IMAGE GOES HERE"/><div class="yt-t"></div></div><div id="yt2"><div class="yt-t2">Insert Catchphrase<img src="http://i60.tinypic.com/27zdwdl.png"/><BR><BR><center><a href="http://shine.jcink.net/index.php?showuser=145"><img src="http://i58.tinypic.com/9uqlgw.png" style="margin-bottom: -20px;"/></a> <div class="yt-sub"></div></center></div></div><BR><div id="yt3"><a href="http://shine.jcink.net/index.php?showuser=145"><img src="http://i58.tinypic.com/e848ls.png"/></a></div><div id="yt4"><div class="ytvid"><img src="http://media.tumblr.com/tumblr_m9zp4uhJtc1qbxcf6.gif"/> <div class="ytvv">22:05</div><div class="ytw">Youtube video title here | WHATEVER YOU WANT ONLY TWO LINES ...<sub>1,030,194 views • 1 day ago</sub></div></div><div class="ytvid"><div class="ytvw"></div><div class="ytvv2">WATCHED</div><img src="http://24.media.tumblr.com/5c366cf81b0c0101668e57549512e1e5/tumblr_mukz8utxLM1rpp4tro1_500.gif"/> <div class="ytvv">22:05</div><div class="ytw">Youtube video title here | WHATEVER YOU WANT ONLY TWO LINES ...<sub>1,030,194 views • 1 day ago</sub></div></div><div class="ytvid"><img src="http://25.media.tumblr.com/af35184617fbb3b318dbfd28fac6f51a/tumblr_mk3ju68WOh1rxfwkao2_500.gif"/> <div class="ytvv">22:05</div><div class="ytw">Youtube video title here | WHATEVER YOU WANT ONLY TWO LINES ...<sub>1,030,194 views • 1 day ago</sub></div></div><div class="ytvid"><img src="http://24.media.tumblr.com/e80bb8601adf08b0f4b550515578cdff/tumblr_mkcfcixCDk1rb31huo1_500.gif"/> <div class="ytvv">22:05</div><div class="ytw">Youtube video title here | WHATEVER YOU WANT ONLY TWO LINES ...<sub>1,030,194 views • 1 day ago</sub></div></div></div></div></center>


Eurydyce
il y a 2 semaines (modifié)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam non ipsum fringilla, malesuada velit a, efficitur metus. Suspendisse consequat scelerisque rutrum. Nunc efficitur in lorem non rutrum. Integer bibendum at elit vel interdum. Nam vehicula eget ligula vel ornare. Cras non congue ante, in pharetra massa. In id tellus at mi rhoncus blandit sit amet vel neque. Morbi enim lacus, sodales mollis egestas quis, rhoncus congue quam. Pellentesque vitae enim ac elit condimentum tristique at eget quam. Maecenas vehicula congue velit, id tincidunt erat. Curabitur ipsum metus, tincidunt a ultricies ut, molestie finibus justo. Suspendisse vitae eros vitae purus aliquet varius.


Afficher les xx réponses  

© Eurydyce


Code:
<link rel="stylesheet" type="text/css" href="https://www.aht.li/3092534/reponseYT3.css" media="all"/><link href="https://fonts.googleapis.com/css?family=Roboto:400,500" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Old+Standard+TT" rel="stylesheet"><div class="containercaca"><div class="avatar"><img src="http://www.turbopix.fr/i/bl3vl72iid.gif" height="48" width="48" /></div><div class="pseudal">Eurydyce</div><div class="date">il y a 2 semaines (modifié)</div>
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam non ipsum fringilla, malesuada velit a, efficitur metus. Suspendisse consequat scelerisque rutrum. Nunc efficitur in lorem non rutrum. Integer bibendum at elit vel interdum. Nam vehicula eget ligula vel ornare. Cras non congue ante, in pharetra massa. In id tellus at mi rhoncus blandit sit amet vel neque. Morbi enim lacus, sodales mollis egestas quis, rhoncus congue quam. Pellentesque vitae enim ac elit condimentum tristique at eget quam. Maecenas vehicula congue velit, id tincidunt erat. Curabitur ipsum metus, tincidunt a ultricies ut, molestie finibus justo. Suspendisse vitae eros vitae purus aliquet varius. </div>
<div class="rep"><a href="#">Répondre</a> •</div> <div class="pocebleu"><img src="http://www.turbopix.fr/i/ll5nl9glcc.png" height="15" width="15"></div><div class="pocerouge"><img src="http://www.turbopix.fr/i/aloxjrfznx.png" height="15" width="15"></div>
<div class="show">Afficher les xx réponses  <img src="http://www.turbopix.fr/i/hxfxeuaikf.png" width="10"></div>
<div class="cdtsmoi">© Eurydyce</div></div>
avatar
Compte fondateur
Compte fondateur
Messages : 345
Dollars : 416
Date d'inscription : 25/05/2017
Voir le profil de l'utilisateur
Sam 8 Juil - 3:54
Twitter


name here
@handlehere
description
TWEETS
###
Following
###
Followers
###
Edit profile


Code:
<link href='http://fonts.googleapis.com/css?family=Lato:100,400,700' rel='stylesheet' type='text/css'><style type='text/css'>#twittercontainer{width:500px; height:308px; -moz-box-shadow: 2px 2px 5px #333; -webkit-box-shadow: 2px 2px 5px #333; box-shadow: 2px 2px 5px #333; border-radius:4px; text-transform:none;}#twittercontainer .header{width:460px; height:210px; padding:20px; border-radius:4px 4px 0px 0px;}#twittercontainer .icon{width:75px; height:75px; border:5px solid #fff; border-radius:4px 4px; -moz-box-shadow: 2px 2px 5px #333; -webkit-box-shadow: 2px 2px 5px #333; box-shadow: 2px 2px 5px #333;}#twittercontainer .name{margin-top:5px; font-family: arial; font-size:25px; color:#fff; letter-spacing-1px; text-shadow:1px 1px 1px #333; line-height:100%; font-weight:bold;}#twittercontainer .handle{margin-top:5px; font-family:arial; font-size:18px; color:#fff; letter-spacing:0px; text-shadow:1px 1px 1px #333; line-height:100%;}#twittercontainer .description{margin-top:5px; font-family:arial; font-size:15px; color:#fff; letter-spacing:0px; text-shadow:1px 1px 1px #333; line-height:100%; padding-left:25px; padding-right:25px;}#twittercontainer .bottombarthing{width:500px; height:58px; background-color:#fff; border-radius:0px 0px 4px 4px;}#twittercontainer .boxes{width:90px; height:58px; padding-left:10px; display:inline-block;}#twittercontainer .words{line-height:15px; padding-top:8px; height:15px; text-align:justify; font-family:lato; color:#acafac; font-size:10px; font-weight:100; letter-spacing:-1px; text-transform:uppercase;}#twittercontainer .bolded{text-align:justify; height:18px; padding-bottom:5px; font-family:lato; font-weight:700; color:#2e8cb1; font-size:18px; line-height:18px;}</style><center><div id='twittercontainer'><div class='header' style=' background-image:url(http://pacehold.it/500x250);'><div class='icon'><img src='http://placehold.it/75' width='75px'></div><div class='name'>name here</div><div class='handle'>@handlehere</div><div class='description'>description</div></div><div class='bottombarthing'><div class='boxes'><div class='words'>TWEETS</div><div class='bolded'>###</div></div><div class='boxes'><div class='words'>Following</div><div class='bolded'>###</div></div><div class='boxes'><div class='words'>Followers</div><div class='bolded'>###</div></div><div style='margin-left:40px; display:inline-block; width:108px; height:35px; padding-top:0px; padding-bottom:7px; padding-left:23px; padding-right:23px;'><div style='width:106px; height:33px; line-height:33px; border:1px solid #e2e8ee; border-radius:4px; text-transform:none; font-family: arial; font-size:12px; color:#677580; letter-spacing-2px; font-weight:bold;'>Edit profile</div></div></div></div><div style='margin-top:8px; width:450px; text-align:center; font-family:calibri; font-size:8px; color:#777; line-height:100%; letter-spacing:4px;'>[URL=http://shine.b1.jcink.com/index.php?showuser=599] THANKS TO LOUIS AT SHINE![/URL]</div></center>

name here
@handlehere
tweet here. 140 characters or less to keep it realistic obvs.


Code:
<link href='http://fonts.googleapis.com/css?family=Lato:100,400,700' rel='stylesheet' type='text/css'><center><div style='width:300px; min-height:75px; padding:20px; background-color:#fff; -moz-box-shadow: 2px 2px 5px #333; -webkit-box-shadow: 2px 2px 5px #333; box-shadow: 2px 2px 5px #333; border-radius:4px 4px;'><div style='width:75px; height:75px; border-radius:4px 4px; background-image:url(http://placehold.it/75); float:left; margin-right:20px; margin-bottom:5px;'></div><div style='font-family:arial black; color:#000; text-transform:none; font-size:10px; line-height:10px; text-align:left;'>name here</div><div style='font-family:arial; color:#677580; text-transform:none; font-size:9px; line-height:10px; text-align:left;'>@handlehere</div><div style='margin-top:5px; text-align:justify; font-family:lato; font-weight:400; color:#000; font-size:10px; text-transform:none; line-height:120%;'>tweet here. 140 characters or less to keep it realistic obvs.</div></div></center>


avatar
Compte fondateur
Compte fondateur
Messages : 345
Dollars : 416
Date d'inscription : 25/05/2017
Voir le profil de l'utilisateur
Sam 8 Juil - 3:55
Facebook


Works at place

Went to University

Lives in City, Province

From City, Province
NameSunday, May 5th
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum consectetur et enim id mollis. Mauris a felis molestie, maximus lorem id, molestie libero. Cras tempor ultrices fermentum. Integer et fringilla ante. Sed nisi arcu, commodo id faucibus luctus, pellentesque et est.
Like • Comment • Share
4 people like this
NameSunday, May 5th
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Like • Comment • Share
4 people like this
NameSunday, May 5th
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum consectetur et enim id mollis. Mauris a felis molestie, maximus lorem id, molestie libero. Cras tempor ultrices fermentum. Integer et fringilla ante. Sed nisi arcu, commodo id faucibus luctus, pellentesque et est.
Like • Comment • Share
4 people like this

About

Overview

Work and Education

Contact and Basic Info

Family and Relationship

Details About You

Life Events

about you

Write a blurb about yourself here!

current city and hometown

Currently living in City

Born in City

family

List any family you have

relationship

single

work

Jan 2015 - present, Workplace

Friends

first last

first last

first last

first last

first last

first last

first last

first last

first last

first last

first last

Photos



Code:
<style>.jfb,.jfbfriend,.jfbscroll{overflow:auto}.jfbnarrow,.jfbtabbar,.jffloattall{box-sizing:border-box}.jfb{width:550px;height:auto;color:#333;background-color:#e9eaed;outline:#f0f0f0 solid 1px;margin:0 auto;position:relative;font:normal normal normal 11px/110% Helvetica,Arial,sans-serif}.jfb ::-webkit-scrollbar{width:3px}.jfb ::-webkit-scrollbar-track{background-color:#d8dfea}.jfb ::-webkit-scrollbar-thumb{background-color:#6d84b4}.jfbtabbar,.jfbwide{background-color:#fff}.jfb .jprofile{position:absolute;top:120px;left:18px;border:3px solid #fff;outline:#ddd solid 1px}.jfbtab label,.jfbtabbar{border-right:1px solid #ddd;border-left:1px solid #ddd}.jfbtabbar{width:100%;height:40px;border-bottom:1px solid #ddd;text-align:center;font:normal normal normal 12px/40px Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:1px}.jfbtabcontainer{margin:5px;position:relative;height:420px}.jfbtab{float:left}.jfbtab input[type=radio]{display:none}.jfbtab .jfcontent{opacity:0}.jfbtab input[type=radio]:checked~label~.jfcontent{opacity:1;z-index:2}.jfbtab label{display:block;height:40px;padding:0 14px;margin:2px -1px 0 0;position:relative;top:-47px;left:130px;font:normal normal bold 12px/40px Helvetica,Arial,sans-serif;text-transform:none;letter-spacing:normal;color:#6d84b4}.jfbtab input[type=radio]:checked~label{color:#000}.jfbtab input[type=radio]:checked~label:after{content:"";position:absolute;bottom:0;left:42%;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:10px solid #e9eaed}.jfcontent{position:absolute;top:0;left:0;right:0;bottom:0}.jfbwide{border:1px solid #ddd}.jfbwide h1{background-color:#f6f7f8;padding:20px;margin:0;border-bottom:1px solid #ddd}.jfbscroll{margin:10px;padding-right:5px;height:345px}.jfbphotos img{border:0;padding:0;float:left;margin:1px;width:100px;height:100px}.jfbfriend{width:49%;display:inline-block;height:80px}.jfbfriend img{float:left;margin-right:15px}.jfbwide h2{margin:0;float:left;font:normal normal bold 16px/80px Helvetica,Arial,sans-serif;color:#3b5998}.jfbwide h3{font:normal normal bold 12px/100% Helvetica,Arial,sans-serif;margin:0 0 20px 10px;padding:3px 5px;color:#888;text-align:left}.jfbwide h3:nth-of-type(1){margin-top:30px;border-left:3px solid #3b5998;color:#000}.jfbwide h4{margin:15px 0 5px;border-bottom:1px solid #ddd;padding-left:20px;text-transform:uppercase;font:normal normal bold 9px/100% Helvetica,Arial,sans-serif;color:#888}.jfbnarrow span,.jffloattall span{color:#6d84b4}.jfbwide h4:nth-of-type(1){margin-top:0}.jfbnarrow p{text-indent:5px}.jffloatleft{height:365px;width:29%;float:left;border-right:1px solid #ddd}.jfbnarrow{padding:20px}.jffloattall{height:405px;padding:10px 10px 0 5px}.jfbpost{height:auto;background-color:#f1f1f1;border:1px solid #ddd;margin-bottom:20px}.jfbpost:last-child{margin-bottom:0}.jfbpostmain{background-color:#fff;padding:15px;text-align:justify}.jpostimage{float:left;margin-right:15px}.jfbpostmain h5{margin:14px 0 18px;font:normal normal bold 14px/100% Helvetica,Arial,sans-serif;color:#3b5998}.jfbpostmain h5 span{display:block;font-weight:400;font-size:10px;color:#666}.jfblike{margin-top:10px;color:#6d84b4}.jfblike2{color:#6d84b4;margin:10px}.jpostimage{max-width:100%;display:block;margin-bottom:5px}</style><div class="jfb"><img src="https://placehold.it/550x200" class="jcover"><a href="http://shine.jcink.net/index.php?showuser=11182"><img src="https://placehold.it/100" class="jprofile"></a><div class="jfbtabbar"></div><div class="jfbtabcontainer"><div class="jfbtab"><input type="radio" id="jtimeline" name="jfbgroup-1" checked><label for="jtimeline"> Timeline </label><div class="jfcontent"><div class="jffloatleft jffloattall"><div class="jfbpost"><div class="jfbpostmain">Works at <span>place</span><br><br>Went to <span>University</span><br><br>Lives in <span>City, Province</span><br><br>From <span>City, Province</span></div></div></div><div class="jfbscroll jfbnarrow jffloattall" style="padding: 10px;"><div class="jfbpost"><div class="jfbpostmain"><img src="http://placehold.it/50" class="jpostimage"><h5>Name<span>Sunday, May 5th</span></h5>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum consectetur et enim id mollis. Mauris a felis molestie, maximus lorem id, molestie libero. Cras tempor ultrices fermentum. Integer et fringilla ante. Sed nisi arcu, commodo id faucibus luctus, pellentesque et est.<div class="jfblike">Like • Comment • Share</div></div><div class="jfblike2">4 people like this</div></div><div class="jfbpost"><div class="jfbpostmain"><img src="http://placehold.it/50" class="jpostimage"><h5>Name<span>Sunday, May 5th</span></h5>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<img src="http://placehold.it/400x200" class="jpostimage"><div class="jfblike">Like • Comment • Share</div></div><div class="jfblike2">4 people like this</div></div><div class="jfbpost"><div class="jfbpostmain"><img src="http://placehold.it/50" class="jpostimage"><h5>Name<span>Sunday, May 5th</span></h5>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum consectetur et enim id mollis. Mauris a felis molestie, maximus lorem id, molestie libero. Cras tempor ultrices fermentum. Integer et fringilla ante. Sed nisi arcu, commodo id faucibus luctus, pellentesque et est.<div class="jfblike">Like • Comment • Share</div></div><div class="jfblike2">4 people like this</div></div></div></div></div><div class="jfbtab"><input type="radio" id="jabout" name="jfbgroup-1"><label for="jabout"> About </label><div class="jfcontent"><div class="jfbwide"><h1>About</h1><div class="jffloatleft"><h3>Overview</h3><h3>Work and Education</h3><h3>Contact and Basic Info</h3><h3>Family and Relationship</h3><h3>Details About You</h3><h3>Life Events</h3></div><div class="jfbscroll jfbnarrow"><h4>about you</h4><p>Write a blurb about yourself here!<h4>current city and hometown</h4><p>Currently living in <span>City</span></p><p>Born in <span>City</span></p><h4>family</h4><p>List any family you have</p><h4>relationship</h4><p>♥ <span>single</span></p><h4>work</h4><p>Jan 2015 - present, <span>Workplace</span></div></div></div></div><div class="jfbtab"><input type="radio" id="jfriends" name="jfbgroup-1"><label for="jfriends"> Friends </label><div class="jfcontent"><div class="jfbwide"><h1>Friends</h1><div class="jfbscroll"><div class="jfbfriend"><img src="http://placehold.it/80"><h2>first last</h2></div><div class="jfbfriend"><img src="http://placehold.it/80"><h2>first last</h2></div><div class="jfbfriend"><img src="http://placehold.it/80"><h2>first last</h2></div><div class="jfbfriend"><img src="http://placehold.it/80"><h2>first last</h2></div><div class="jfbfriend"><img src="http://placehold.it/80"><h2>first last</h2></div><div class="jfbfriend"><img src="http://placehold.it/80"><h2>first last</h2></div><div class="jfbfriend"><img src="http://placehold.it/80"><h2>first last</h2></div><div class="jfbfriend"><img src="http://placehold.it/80"><h2>first last</h2></div><div class="jfbfriend"><img src="http://placehold.it/80"><h2>first last</h2></div><div class="jfbfriend"><img src="http://placehold.it/80"><h2>first last</h2></div><div class="jfbfriend"><img src="http://placehold.it/80"><h2>first last</h2></div></div></div></div></div><div class="jfbtab"><input type="radio" id="jphoto" name="jfbgroup-1"><label for="jphoto"> Photos </label><div class="jfcontent"><div class="jfbwide"><h1>Photos</h1><div class="jfbscroll jfbphotos"><img src="http://placehold.it/100"><img src="http://placehold.it/100"><img src="http://placehold.it/100"><img src="http://placehold.it/100"><img src="http://placehold.it/100"><img src="http://placehold.it/100"><img src="http://placehold.it/100"><img src="http://placehold.it/100"><img src="http://placehold.it/100"><img src="http://placehold.it/100"><img src="http://placehold.it/100"><img src="http://placehold.it/100"><img src="http://placehold.it/100"><img src="http://placehold.it/100"><img src="http://placehold.it/100"><img src="http://placehold.it/100"><img src="http://placehold.it/100"><img src="http://placehold.it/100"><img src="http://placehold.it/100"><img src="http://placehold.it/100"><img src="http://placehold.it/100"><img src="http://placehold.it/100"></div></div></div></div></div></div>


avatar
Compte fondateur
Compte fondateur
Messages : 345
Dollars : 416
Date d'inscription : 25/05/2017
Voir le profil de l'utilisateur
Sam 8 Juil - 4:08
Instagram


First Last@username
bio
Location • website
###followers
###following
### posts


Code:
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900' rel='stylesheet' type='text/css'><link rel="stylesheet" type="text/css" href="http://code.ionicframework.com/ionicons/1.5.2/css/ionicons.min.css"><link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"><link rel="stylesheet" type="text/css" href="http://nevermore.b1.jcink.com/uploads/nevermore/novocaine.css"><style type="text/css">#char-insta .novocaineh1 a, #char-insta .novocaineh1 i, #char-insta .novocaine3 i, #char-insta .novocaine3b a{color: #HEXCODE;}</style><center><div id="char-insta"><div class="novocaineh"><table cellpadding="0" cellspacing="0"><tr valign="middle"><td><div class="novocaineh1"><a href="http://shine.jcink.net/index.php?showuser=3019"><i class="fa fa-home"></i></a></div></td><td><div class="novocaineh2"><i class="fa fa-instagram"></i></div></td><td><div class="novocaineh3"><img src="http://placehold.it/160x160"></div></td></tr></table></div><div class="novocaine1"><table cellpadding="0" cellspacing="0"><tr valign="middle"><td><div class="novocaine2"><img src="http://placehold.it/160x160"><div class="novocaine3"><b>First Last</b><i>@username</i><div class="novocaine3a">bio</div></div><div class="novocaine3b">Location • <a href="">website</a></div></div><div class="novocaine3c"><table cellpadding="0" cellspacing="0"><tr valign="middle"><td><div class="novocaine3d"><b>###</b>followers</div></td><td><div class="novocaine3d"><b>###</b>following</div></td></tr></table></div></td><td><div class="novocaine4"><div class="novocaine4a"><table cellpadding="0" cellspacing="0"><tr valign="middle"><td><div class="novocaine4b">### posts</div></td><td><div class="novocaine4c"><i class="ionicons ion-grid"></i><i class="ionicons ion-navicon-round"></i></div></td></tr></table></div><table cellpadding="0" cellspacing="0"><tr><td><img src="http://placehold.it/160x160"></td><td><img src="http://placehold.it/160x160"></td></tr><tr><td><img src="http://placehold.it/160x160"></td><td><img src="http://placehold.it/160x160"></td></tr><tr><td><img src="http://placehold.it/160x160"></td><td><img src="http://placehold.it/160x160"></td></tr></table></div></td></tr></table></div></div></center>

First Last@username
Location just now
description #tag/@username


Code:
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900' rel='stylesheet' type='text/css'><link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"><link rel="stylesheet" type="text/css" href="http://nevermore.b1.jcink.com/uploads/nevermore/novocaine.css"><style type="text/css">#char-insta .abaph1 a, #char-insta .abaph1 i, #char-insta .abaph3 i, #char-insta .abap2b i, #char-insta .abap2d b, #char-insta .abap2e b{color: #HEXCODE}</style><center><div id="char-insta"><div class="abaph"><table cellpadding="0" cellspacing="0"><tr valign="middle"><td><div class="abaph1"><a href="http://shine.jcink.net/index.php?showuser=3019"><i class="fa fa-home"></i></a></div></td><td><div class="abaph2"><i class="fa fa-instagram"></i></div></td><td><div class="abaph3"><i class="fa fa-ellipsis-h"></i></div></td></tr></table></div><div class="abap1" style="background-image: url(http://placehold.it/350x350);"></div><div class="abap2"><div class="abap2a"><table cellpadding="0" cellspacing="0"><tr valign="middle"><td><div class="abap2b"><b>First Last</b><i>@username</i></div></td><td><div class="abap2c"><img src="http://placehold.it/160x160"></div></td><td><div class="abap2d"><i class="fa fa-map-marker"></i> Location <b>just now</b></div></td></tr></table></div><div class="abap2e">description <b>#tag/@username</b></div></div></center>


Réseaux sociaux; Explications et codes
Page 1 sur 1
 Sujets similaires
-
» Barack Obama : Une victoire programmée par le Nouvel Ordre Mondial ?
» Libre service : réseaux sociaux
» les perles des réseaux sociaux
» • TEXTOS • Explications et codes
» • INSTAGRAM • Explications et codes

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Linked-ink :: Personnages :: Gestion du Personnage :: Réseaux sociaux-
Sauter vers: