AccueilAccueil  GalerieGalerie  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  Connexion  

-43%
Le deal à ne pas rater :
-100€ Pack rééquipement Philips Hue Play : 3 barres lumineuses ...
129.99 € 229.99 €
Voir le deal

WE ARE BROKEN :: version cinq :: instragramPartagez
 

 ( REGLES + MODELE )

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Le Dictateur

Le Dictateur
⊹ life can hurt
▹ posts envoyés : 531
▹ points : 36
▹ pseudo : the royal queen
▹ crédits : © wild rose (avatar) & tumblr (gifs)
▹ avatar : nobody
☽ ☾

( REGLES + MODELE ) Empty
MessageSujet: ( REGLES + MODELE )   ( REGLES + MODELE ) EmptyDim 1 Mai - 20:23
Instagram
the box of souvenirs

Instagram est un réseau social qui fait fureur en ce moment. Beaucoup en sont accrocs et on comprends pourquoi. Il vous est donc possible de créer le propre compte de votre personnage, de poster ses photos mais aussi de commenter celles de vos amis ou pas. Quoi qu'il en soit, vous devez bien entendu, suivre le modèle suivant ainsi que le titre adéquate. Il sera de cette façon : #insta | prénom nom. Nous remercions Zadig pour les codes. Et si vous avez le moindre problème pour remplir le codage, n'hésitez pas à faire appel à un membre du staff.


Dernière édition par Hope le Dim 1 Mai - 20:49, édité 2 fois
Revenir en haut Aller en bas
https://wearebroken-forum.tumblr.com/
Le Dictateur

Le Dictateur
⊹ life can hurt
▹ posts envoyés : 531
▹ points : 36
▹ pseudo : the royal queen
▹ crédits : © wild rose (avatar) & tumblr (gifs)
▹ avatar : nobody
☽ ☾

( REGLES + MODELE ) Empty
MessageSujet: Re: ( REGLES + MODELE )   ( REGLES + MODELE ) EmptyDim 1 Mai - 20:48
page d'accueil.
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"><!--

---- Début de la barre Instagram ----

--> <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;"><!--
Début mini icone utilisateur
--> <div class="mini-icon-profile" style="background-image: url(IMG PROFIL);"></div><!--
Fin icone utilisateur et début Username
--></div> </td><td><div class="insta-miniusername">PSEUDO</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-feed-header" style=""><!--

---------- Début du header contenant les icones --------------------

--> <div class="insta-icon-container"> <table cellpadding="0" cellspacing="0"><tr><td><!--
----- IMAGE 1 -----
--><!--
IMAGE 1.a--><div id="instaimg1" style="background-image: url(IMAGE);"> <!--
IMAGE 1.b
--><div class="instahover1" style="background-image: url(IMAGE);"></div></div><!--
---- IMAGE 2 ----
--> <!-- IMAGE 2.a
--> <div id="instaimg2" style="background-image: url(IMAGE);"> <!--
IMAGE 2.b
--><div class="instahover2" style="background-image: url(IMAGE);"></div></div></td><td><!--
----- IMAGE 3 (grande pic) -----
--><!--
IMAGE 3.a --><div id="instaimg" style="background-image: url(IMAGE);"><!--
IMAGE 3.b
--><div class="instahover" style="background-image: url(IMAGE);"></div></div></td><td><!--
------ IMAGE 4 ------
--><!-- IMAGE 4.a
--><div id="instaimg3" style="background-image: url(IMAGE);"><!--
IMAGE 4.b
--><div class="instahover3" style="background-image: url(IMAGE);"></div></div> <!--
------ IMAGE 5 ------
--><!-- IMAGE 5.a
--><div id="instaimg4" style="background-image: url(IMAGE);"><!--
IMAGE 5.b
--><div class="instahover4" style="background-image: url(IMAGE);"></div></div></td> <td><!--
------ IMAGE 6 ------
--><!-- IMAGE 6.a
--><div id="instaimg5" style="background-image: url(IMAGE);"><!--
IMAGE 6.b
--><div class="instahover5" style="background-image: url(IMAGE);"></div></div><!--
------ IMAGE 7 ------
--><!-- IMAGE 7.a
--> <div id="instaimg6" style="background-image: url(IMAGE);"><!--
------ IMAGE 7 ------
--><!-- IMAGE 7.b
--><div class="instahover6" style="background-image: url(IMAGE);"></div></div></td></tr></table> </div></div><!--

---------- FIN du header contenant les icones --------------------

--> <div class="insta-fond-profile"><table cellpadding="0" cellspacing="0"><tr><td><div class="icon-profile-wrap"> <!--

---------- Icone du profil (la même que la mini) --------------------

--><div class="icon-profile" style="background-image: url(IMG PROFIL);"><!--

--></div><div style="height:4px;"></div><div class="insta-button-follow"> <div class="insta-follow-text"> Following</div></div></div></td><td><!--
------------ DEBUT DU PROFIL ------------------
--><div class="insta-username2">PSEUDO </div><!--
--><div class="bio-user"> <b>Prénom et Nom</b> commentaires </div></td><td> <!--
------------ DEBUT DES STATS ------------------
--><div class="insta-stat"><center><!--
------------ Nombre de posts ------------------
--><table cellpadding="0" cellspacing="0"><tr> <td> <div class="stat-a">00</div> <div class="stat-b"> posts </div></td> <!--
------------ Nombre de followers ------------------
--><td> <div class="stat-separator"></div></td><td><div class="stat-a">00</div><div class="stat-b"> followers </div></td><!--
------------ Nombre de compte suivis ------------------
--><td><div class="stat-separator"></div></td><td><div class="stat-a">00</div><div class="stat-b"> following </div></td></tr></table></center></div></td></tr></table></div><!--
------------ FIN DU PROFIL ------------------
--> <!--
------------ DEBUT DU FEED PHOTOS ------------------
--><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(IMAGE);"> </div></div></td><!--

--> <td> <div class="photo"> <div class="photo-inside" style="background-image: url(IMAGE);"> </div></div></td><!--

--> <td> <div class="photo"> <div class="photo-inside" style="background-image: url(IMAGE);"> </div></div></td><!--

--> <td> <div class="photo"> <div class="photo-inside" style="background-image: url(IMAGE);"> </div></div></td><!--
--> </tr> </table>   <!--
Coller le code avant le <!-- précédent pour rajouter des lignes.
--></div><div class="load-footer">Load more...</div></div> </center>

postez une nouvelle photo.
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(IMG PROFIL);"></div><!--
Fin icone utilisateur et début Username
--></div> </td><td><div class="insta-miniusername">VOTRE PSEUDO</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(PHOTO POSTEE)"></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(IMG PROFIL)"></div></td><td><!--

--><div class="insta-poster">VOTRE PSEUDO <!--
--><b>0 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> <!--
La Like bar. Si t'as pas de likes, bah tu mets 0 *pan*
--><div class="likesBar"> <span class="likesBar-pseudo">Saucisse au jambon</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(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>
<!-- 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>

commentez une photo.
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(votre-image);"></div><!--
Fin icone utilisateur et début Username
--></div> </td><td><div class="insta-miniusername">Votre Username 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">un pseudo</span> Commentaire pas trop long sinon ça devient grave moche </div></div></center>
Revenir en haut Aller en bas
https://wearebroken-forum.tumblr.com/
 

( REGLES + MODELE )

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» ( REGLES ET MODELE )
» ( REGLES + MODELE )
» ( MODELE )
» ( REGLES )
» ( REGLES )

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
WE ARE BROKEN :: version cinq :: instragram-
RETROUVEZ-NOUS SUR
CROCODILE/GAMES