AccueilAccueil  CalendrierCalendrier  FAQFAQ  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 


 

 EXPLICATIONS ET CODES À UTILISER

Voir le sujet précédent Voir le sujet suivant Aller en bas 
avatar

My life with you
AMOUR-AMITIÉ-EMMERDE:
LISTE-DES-CHOSES-A-FAIRE:
VOTRE RÊVE: contrôler le monde
Faites place à la vedette
J'ai posé bagages ici le : 27/02/2012 Jouant le rôle de : maître suprême Nombre de messages : 536 On me connait sous le pseudo : l'homme sans visage. Un merci à : tous les généreux donneurs d'organes Je suis fier(e) de porter l'avatar de : tous les enfants qui me suivent dans ma caravane sans poser de questions.
MessageSujet: EXPLICATIONS ET CODES À UTILISER Lun 22 Juin - 18:35


instagram
comme ça, on veut devenir populaire sur le net?

   
[Vous devez être inscrit et connecté pour voir cette image]

   

   Devenu extrêmement populaire auprès des jeunes, Instagram fait maintenant son entrée sur Pixie! Pour faire un compte Instagram à votre personnage, voici les quelques choses à savoir.

(+) Premièrement, il vous faudra ouvrir un nouveau sujet avec pour nom instragram.com/prenomnom , le prenom et le nom étant ceux de votre personnage.

(+) Dans le premier post, il faut mettre le post de base que vous avez ci-dessous.

(+) Les codes ont été faits par Zadig de Bazzart. Attention, ce sont des codes assez lourds et ils peuvent être assez compliqués à comprendre et à gérer. S'il vous faut de l'aide pour mettre en place votre Instagram, n'hésitez pas à la demander!

(+) Par la suite, vous pouvez, au fil du temps, ajouter de nouvelles photos avec le code fourni ci-dessous.

(+) Il vous est aussi possible d'aller laisser des commentaires sur les photos des autres membres en allant sur leur sujet. Si vous recevez des commentaires sur vos photos, vous pouvez aussi les ajouter dans votre post avec le code fourni.

Amusez-vous  wiwi  
   
Voir le profil de l'utilisateur
Revenir en haut Aller en bas
avatar

My life with you
AMOUR-AMITIÉ-EMMERDE:
LISTE-DES-CHOSES-A-FAIRE:
VOTRE RÊVE: contrôler le monde
Faites place à la vedette
J'ai posé bagages ici le : 27/02/2012 Jouant le rôle de : maître suprême Nombre de messages : 536 On me connait sous le pseudo : l'homme sans visage. Un merci à : tous les généreux donneurs d'organes Je suis fier(e) de porter l'avatar de : tous les enfants qui me suivent dans ma caravane sans poser de questions.
MessageSujet: Re: EXPLICATIONS ET CODES À UTILISER Lun 22 Juin - 18:35

premier post


   

   
[Vous devez être inscrit et connecté pour voir ce lien]
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"><!--

   ---- 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(votre-image de profil);"></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-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(votre-image);"> <!--
   IMAGE 1.b
   --><div class="instahover1" style="background-image: url(votre-image);"></div></div><!--
   ---- IMAGE 2 ----
   --> <!-- IMAGE 2.a
   --> <div id="instaimg2" style="background-image: url(votre-image);"> <!--
   IMAGE 2.b
   --><div class="instahover2" style="background-image: url(votre-image);"></div></div></td><td><!--
   ----- IMAGE 3 (grande pic) -----
   --><!--
   IMAGE 3.a --><div id="instaimg" style="background-image: url(votre-image);"><!--
   IMAGE 3.b
   --><div class="instahover" style="background-image: url(votre-image);"></div></div></td><td><!--
   ------ IMAGE 4 ------
   --><!-- IMAGE 4.a
   --><div id="instaimg3" style="background-image: url(http://img4.hostingpics.net/pics/818362NicoIc4.png);"><!--
   IMAGE 4.b
   --><div class="instahover3" style="background-image: url(votre-image);"></div></div> <!--
   ------ IMAGE 5 ------
   --><!-- IMAGE 5.a
   --><div id="instaimg4" style="background-image: url(votre-image);"><!--
   IMAGE 5.b
   --><div class="instahover4" style="background-image: url(votre-image);"></div></div></td> <td><!--
   ------ IMAGE 6 ------
   --><!-- IMAGE 6.a
   --><div id="instaimg5" style="background-image: url(votre-image);"><!--
   IMAGE 6.b
   --><div class="instahover5" style="background-image: url(votre-image);"></div></div><!--
   ------ IMAGE 7 ------
   --><!-- IMAGE 7.a
   --> <div id="instaimg6" style="background-image: url(votre-image);"><!--
   ------ IMAGE 7 ------
   --><!-- IMAGE 7.b
   --><div class="instahover6" style="background-image: url(votre-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(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><!--
   ------------ DEBUT DU PROFIL ------------------
   --><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> <!--
   ------------ DEBUT DES STATS ------------------
   --><div class="insta-stat"><center><!--
   ------------ Nombre de posts ------------------
   --><table cellpadding="0" cellspacing="0"><tr> <td> <div class="stat-a">###</div> <div class="stat-b"> posts </div></td> <!--
   ------------ Nombre de followers ------------------
   --><td> <div class="stat-separator"></div></td><td><div class="stat-a">###</div><div class="stat-b"> followers </div></td><!--
   ------------ Nombre de compte suivis ------------------
   --><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><!--
   ------------ 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(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>   <!--
   Coller le code avant le <!-- précédent pour rajouter des lignes.
   --></div><div class="load-footer">Load more...</div></div> </center>

ajouter une photo (avec commentaires)


   
[Vous devez être inscrit et connecté pour voir ce lien]
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 [Vous devez être inscrit et connecté pour voir ce lien]

un pseudo
un commentaire.

   
   
[Vous devez être inscrit et connecté pour voir cette image]


 
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 de profil);"></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: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(Pic postée)"></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(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> <!--
    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>

ajouter un commentaire:
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>

laisser un commentaire


   
[Vous devez être inscrit et connecté pour voir ce lien]
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><!--

    ---- 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>
Voir le profil de l'utilisateur
Revenir en haut Aller en bas
 

EXPLICATIONS ET CODES À UTILISER

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

 Sujets similaires

-
» • TEXTOS • Explications et codes
» • INSTAGRAM • Explications et codes
» Topic des QR Codes de ROSA!
» " N'UTILISER L'EAU QU'UNE SEULE FOIS... QUEL GASPILLAGE ! "
» Plus d'explications à propos de Zer.

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Pixie Dust ::  :: Instagram-