Messages : 10 Dollars : 80 Date d'inscription : 29/10/2014 Age : 26 Localisation : En cours Créatrice Heather Gall | Sujet: Exemple d'Instagram Mer 29 Oct - 13:14 | |
| Remplacez les images par vos images et les textes par vos textes ! - 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><!--
---- Début de la barre Instagram ----
--> <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;"><!-- Début mini icone utilisateur --> <div class="mini-icon-profile" style="background-image: url(http://i64.servimg.com/u/f64/09/04/37/22/icon_j25.png);"></div><!-- Fin icone utilisateur et début Username --></div> </td><td><div class="insta-miniusername">Heather</div><!-- ----- Fin Username ----- --></td><td><div class="insta-separator"></div></td></tr></table></div></td></tr></table> </div><!--
---- FIN de la barre Instagram ----
--><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"> <!-- Votre image de post --><div class="insta-post-left-img" style="background:url(http://wallpaperscraft.com/image/87612/300x188.jpg)"></div></div></a><!--
--></td><td><!--
--><div style="background: #fefefe;"><div class="profile-bar"><table width="100%"><tr valign="top"><!-- Mini-image de profil --><td width="30px"><div class="insta-comment-img" style="background:url(http://i64.servimg.com/u/f64/09/04/37/22/icon_j25.png)"></div></td><td><!--
--><div class="insta-poster">Heather<!-- --><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"> Hey, there ! #Summer </div> </td></tr></table></div> <!-- La Like bar. Si t'as pas de likes, bah tu mets 0 *pan* --><div class="likesBar"> <span class="likesBar-pseudo">Joey</span> and <span class="likesBar-number">125</span> others like this. </div><!-- Les champs des commentaires --> <div class="insta-comment"><!--
--> <div style="icomm"> <div class="insta-comment-img" style="background:url(http://images4.fanpop.com/image/photos/23400000/Chris-chris-evans-23480677-100-100.jpg)"></div> <b>Joey</b><br/> T'es belle. ♥ <i>#Queen</i> <a href="" class="http://onceuponatime.monally.com/u1">@Link</a></div><br/>
<!-- Remplacer ici pour rajouter des commentaires --> </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>
Vous voulez laisser un commentaire ?
<center><!--
---- Début de la barre Instagram ----
--> <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;"><!-- Début mini icone utilisateur --> <div class="mini-icon-profile" style="background-image: url(votre-image);"></div><!-- Fin icone utilisateur et début Username --></div> </td><td><div class="insta-miniusername">Votre pseudo ici</div><!-- ----- Fin Username ----- --></td><td><div class="insta-separator"></div></td></tr></table></div></td></tr></table> </div><!--
---- FIN de la barre Instagram ----
--><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">Votre pseudo</span> Commentaire pas trop long sinon ça devient grave moche </div></div></center>
[code] <center><!--
---- Début de la barre Instagram ----
--> <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;"><!-- Début mini icone utilisateur --> <div class="mini-icon-profile" style="background-image: url(votre-image);"></div><!-- Fin icone utilisateur et début Username --></div> </td><td><div class="insta-miniusername">Votre pseudo ici</div><!-- ----- Fin Username ----- --></td><td><div class="insta-separator"></div></td></tr></table></div></td></tr></table> </div><!--
---- FIN de la barre Instagram ----
--><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">Votre pseudo</span> Commentaire pas trop long sinon ça devient grave moche </div></div></center> [/code]
|
|