Instagram ☼ Codes et explications

Instagram

Instagram est devenu le réseau par excellence de ceux qui aiment partager toute leur vie en photo. Nous vous proposons donc un code pour publier vos meilleurs cliché, un topic par personne s'il vous plait. Nous remercions Zadig pour ce super code. Attention, il y a quatre codes, un pour votre profil, un pour rajouter une ligne de photo à votre profil, un pour les autres messages (contenus de vos publications) et un pour commenter.

Votre profil Instagram

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 photo à votre profil

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>

Poster une nouvelle publication

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>

Pour ajouter 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> <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>

Pour commenter la publication d'un ami

Code:: <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>

» Facebook ☼ Code et explications
» Twitter ☼ Code et explications