instagram ≈ le fonctionnement.

**Happiness** · Ven 2 Jan - 17:15

Instagram et son fonctionnement

But first, let me take a selfie.

Tout le monde ou presque connait Instagram, ce nouveau réseau social faisant fureur chez les jeunes et chez les moins jeunes d'ailleurs. Le principe étant de s’afficher, encore et encore. Il vous sera simplement demander de mettre les photos de vos personnages, n’hésitez pas à en abuser, un peu de narcissisme n’a jamais tué personne n’est-ce pas ? Vous êtes également invités à commenter les sujets des autres afin de dynamiser un peu plus le jeu. Nous remercions et créditons Zadig sur bazzart dont le codage nous facilite la vie à tous. Si vous ne comprenez pas quelque chose dans le code, Un membre du staff sera ravi de vous donner un coup de main.

Le titre de votre sujet sera présenté sous cette forme : instagram.com/pseudo

Et concernant les commentaires que vous recevrez, vous devrez y répondre à la suite dans votre propre sujet pour plus de visibilité.

**Happiness** · Ven 2 Jan - 17:16

PREMIER POST

Instagram

Votre Username ici

Following

Nom d'utilisateur

Pseudo, nom, whatever Hello my name is Robert

###

posts

###

followers

###

following

Code:: <link href='http://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><link href='http://Zadig.opendrive.com/files/85298802_ewQZo/Instagram%20-%20CSS%20Page%20principale.css' rel='stylesheet' type='text/css'> <style type='text/css'>.photo{width: 100px; height: 100px; padding:5px; margin: 5px;} .photo-inside{width: 100px; height:100px; background-color: rgba(0, 0, 0, 0.1); background-size:100px;position: relative;left: -1px;top: -1px;}.instapost {width: 480px; background: none repeat scroll 0% 0% #F8F8F8; padding: 5px; border-radius: 5px; margin-bottom: 5px;}</style>
<center> <div class="insta-fond"> <div class="insta-barre"> <table cellpadding="0" cellspacing="0"><tr><td><div style="position: relative; left:-130px;"><table cellpadding="0" cellspacing="0"><tr><td><div class="insta-separator"></div></td><td><div style="background-color:rgba(6, 54, 95, 0.35); height:30px;"><a href="http://www.bazzart.org/u4334"> <div class="insta-home"> </div></a> </div></td><td><div class="insta-separator"></div></td></tr></table></div></td><td><div class="logo"> Instagram </div> </td><td><div style="position: relative; right:-127px;"> <table cellpadding="0" cellspacing="0"><tr><td><div class="insta-separator"></div> </td><td> <div style="margin-left:8px; margin-right:3px;"> <div class="mini-icon-profile" style="background-image: url(votre-image de profil);"></div></div> </td><td><div class="insta-miniusername">Votre Username ici</div></td><td><div class="insta-separator"></div></td></tr></table></div></td></tr></table> </div><div class="insta-feed-header" style=""> <div class="insta-icon-container"> <table cellpadding="0" cellspacing="0"><tr><td><div id="instaimg1" style="background-image: url(votre-image);"> <div class="instahover1" style="background-image: url(votre-image);"></div></div>  <div id="instaimg2" style="background-image: url(votre-image);"> <div class="instahover2" style="background-image: url(votre-image);"></div></div></td><td><div id="instaimg" style="background-image: url(votre-image);"><div class="instahover" style="background-image: url(votre-image);"></div></div></td><td><div id="instaimg3" style="background-image: url(http://img4.hostingpics.net/pics/818362NicoIc4.png);"><div class="instahover3" style="background-image: url(votre-image);"></div></div> <div id="instaimg4" style="background-image: url(votre-image);"><div class="instahover4" style="background-image: url(votre-image);"></div></div></td> <td><div id="instaimg5" style="background-image: url(votre-image);"><div class="instahover5" style="background-image: url(votre-image);"></div></div> <div id="instaimg6" style="background-image: url(votre-image);"><div class="instahover6" style="background-image: url(votre-image);"></div></div></td></tr></table> </div></div> <div class="insta-fond-profile"><table cellpadding="0" cellspacing="0"><tr><td><div class="icon-profile-wrap"> <div class="icon-profile" style="background-image: url(votre-image de profil);"></div><div style="height:4px;"></div><div class="insta-button-follow"> <div class="insta-follow-text"> Following</div></div></div></td><td><div class="insta-username2">Nom d'utilisateur </div><div class="bio-user"> <b>Pseudo, nom, whatever</b> Hello my name is Robert </div></td><td> <div class="insta-stat"><center><table cellpadding="0" cellspacing="0"><tr> <td> <div class="stat-a">###</div> <div class="stat-b"> posts </div></td> <td> <div class="stat-separator"></div></td><td><div class="stat-a">###</div><div class="stat-b"> followers </div></td><td><div class="stat-separator"></div></td><td><div class="stat-a">###</div><div class="stat-b"> following </div></td></tr></table></center></div></td></tr></table></div> <div class="feed-photos"><table cellpadding="0" cellspacing="0" class="feed-photo-container"><tr> <td> <div class="photo"> <div class="photo-inside" style="background-image: url(votre-image);"> </div></div></td> <td> <div class="photo"> <div class="photo-inside" style="background-image: url(votre-image);"> </div></div></td> <td> <div class="photo"> <div class="photo-inside" style="background-image: url(votre-image);"> </div></div></td> <td> <div class="photo"> <div class="photo-inside" style="background-image: url(votre-image);"> </div></div></td> </tr> </table><div class="feed-divider"></div> <table cellpadding="0" cellspacing="0" class="feed-photo-container"><tr><td> <div class="photo"> <div class="photo-inside" style="background-image: url(votre-image);"> </div></div></td> <td> <div class="photo"> <div class="photo-inside" style="background-image: url(votre-image);"> </div></div></td> <td> <div class="photo"> <div class="photo-inside" style="background-image: url(votre-image);"> </div></div></td> <td> <div class="photo"> <div class="photo-inside" style="background-image: url(votre-image);"> </div></div></td> </tr> </table> </div><div class="load-footer">Load more...</div></div> </center>

Rajouter une ligne de photos
à coller à l'endroit indiqué dans le code précédent

Code:: <table cellpadding="0" cellspacing="0" class="feed-photo-container"><tr> <td> <div class="photo"> <div class="photo-inside" style="background-image: url(votre-image);"> </div></div></td> <td> <div class="photo"> <div class="photo-inside" style="background-image: url(votre-image);"> </div></div></td> <td> <div class="photo"> <div class="photo-inside" style="background-image: url(votre-image);"> </div></div></td> <td> <div class="photo"> <div class="photo-inside" style="background-image: url(votre-image);"> </div></div></td> </tr> </table><div class="feed-divider"></div>

**Happiness** · Ven 2 Jan - 17:18

NOUVEAU POST AVEC COMMENTAIRES

Instagram

Votre Username ici

	Votre pseudo # days ago	Following
Ta vie, tes tags #Jambon !

Saucisse au jambon and 125 others like this.

un pseudo
un commentaire. #tag @Link

un pseudo
un commentaire.

Code:: <link href='http://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><link href='http://Zadig.opendrive.com/files/85298802_ewQZo/Instagram%20-%20CSS%20Page%20principale.css' rel='stylesheet' type='text/css'> <style type='text/css'>.photo{width: 100px; height: 100px; padding:5px; margin: 5px;} .photo-inside{width: 100px; height:100px; background-color: rgba(0, 0, 0, 0.1); background-size:100px;position: relative;left: -1px;top: -1px;}.instapost {width: 480px; background: none repeat scroll 0% 0% #F8F8F8; padding: 5px; border-radius: 5px; margin-bottom: 5px;}</style>
<center> <div class="insta-barre" style="left:0px;"> <table cellpadding="0" cellspacing="0"><tr><td><div style="position: relative; left:-130px;"><table cellpadding="0" cellspacing="0"><tr><td><div class="insta-separator"></div></td><td><div style="background-color:rgba(6, 54, 95, 0.35); height:30px;"><a href="http://www.bazzart.org/u4334"> <div class="insta-home"> </div></a> </div></td><td><div class="insta-separator"></div></td></tr></table></div></td><td><div class="logo"> Instagram </div> </td><td><div style="position: relative; right:-127px;"> <table cellpadding="0" cellspacing="0"><tr><td><div class="insta-separator"></div> </td><td> <div style="margin-left:8px; margin-right:3px;"> <div class="mini-icon-profile" style="background-image: url(votre image de profil);"></div></div> </td><td><div class="insta-miniusername">Votre Username ici</div></td><td><div class="insta-separator"></div></td></tr></table></div></td></tr></table> </div><div class="insta-fond" style="padding-top:5px;"><div class="instapost"><table cellpadding=0 cellspacing=0 cellmargin=0 width=100%><tr valign="middle"><td width="230px" style="border-right: 1px solid #AAA; padding: 3px;"><a href="http://www.bazzart.org/u4334"><div class="insta-post-left"> <div class="insta-post-left-img" style="background:url(Pic postée)"></div></div></a></td><td><div style="background: #fefefe;"><div class="profile-bar"><table width="100%"><tr valign="top"><td width="30px"><div class="insta-comment-img" style="background:url(votre image)"></div></td><td><div class="insta-poster">Votre pseudo <b># days ago</b> </div></td><td width="60px"><div class="insta-button-follow" style="margin-top: 0px"><span class="insta-follow-text">Following</span></div></td></tr><tr><td colspan="2"><div class="instacap"> Ta vie, tes tags #Jambon ! </div> </td></tr></table></div> <div class="likesBar"> <span class="likesBar-pseudo">Saucisse au jambon</span> and <span class="likesBar-number">125</span> others like this. </div> <div class="insta-comment"> <div style="icomm"> <div class="insta-comment-img" style="background:url(image de profil du commentateur)"></div> <b>un pseudo</b><br/> un commentaire. <i>#tag</i> <a href="" class="insta-link">@Link</a></div><br/> <div style="icomm"> <div class="insta-comment-img" style="background:url(image de profil du commentateur)"></div> <b>un pseudo</b> <br/> un commentaire.</div>

</div> <div style="background: #fefefe; padding: 0px 0px"><img src="http://image.noelshack.com/fichiers/2014/13/1395771220-0nwsiwm2.png"/></div></div></td></tr></table> </div></div></center>

Rajouter des commentaires
à coller à l'endroit indiqué dans le code précédent

Code:: <div style="icomm"> <div class="insta-comment-img" style="background:url(image de profil du commentateur)"></div> <b>un pseudo</b> <br/> un commentaire.</div>

**Happiness** · Ven 2 Jan - 17:20

COMMENTER

Instagram

Votre Username ici

un pseudo Commentaire pas trop long sinon ça devient grave moche

Code:: <link href='http://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><link href='http://Zadig.opendrive.com/files/85298802_ewQZo/Instagram%20-%20CSS%20Page%20principale.css' rel='stylesheet' type='text/css'> <style type='text/css'>.photo{width: 100px; height: 100px; padding:5px; margin: 5px;} .photo-inside{width: 100px; height:100px; background-color: rgba(0, 0, 0, 0.1); background-size:100px;position: relative;left: -1px;top: -1px;}.instapost {width: 480px; background: none repeat scroll 0% 0% #F8F8F8; padding: 5px; border-radius: 5px; margin-bottom: 5px;}</style>
<center> <div class="insta-barre" style="left:0px;"> <table cellpadding="0" cellspacing="0"><tr><td><div style="position: relative; left:-130px;"><table cellpadding="0" cellspacing="0"><tr><td><div class="insta-separator"></div></td><td><div style="background-color:rgba(6, 54, 95, 0.35); height:30px;"><a href="http://www.bazzart.org/u4334"> <div class="insta-home"> </div></a> </div></td><td><div class="insta-separator"></div></td></tr></table></div></td><td><div class="logo"> Instagram </div> </td><td><div style="position: relative; right:-127px;"> <table cellpadding="0" cellspacing="0"><tr><td><div class="insta-separator"></div> </td><td> <div style="margin-left:8px; margin-right:3px;"> <div class="mini-icon-profile" style="background-image: url(votre-image);"></div></div> </td><td><div class="insta-miniusername">Votre Username ici</div></td><td><div class="insta-separator"></div></td></tr></table></div></td></tr></table> </div><div class="insta-fond" style="padding-top:2px;"><div class="insta-reply-wrap"><div class="insta-reply-img" style="background:url(votre-image)"></div> <span class="reply-pseudo">un pseudo</span> Commentaire pas trop long sinon ça devient grave moche </div></div></center>

Contenu sponsorisé

» instagram.com/Leekacious
» instagram.com/julierose
» instagram.com/bananacowboy
» instagram.com/enjycomics
» instagram.com/QueenLitwinski

instagram ≈ le fonctionnement.

Sujets similaires

Sujets similaires