AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | .
 

 ∞ Fonctionnement & codes

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

Admin

∞ Arrivé(e) à Toronto : 04/05/2014
∞ Messages : 144
∞ Points : 20
∞ Emploi/Etudes : Maire

MessageSujet: ∞ Fonctionnement & codes   Mer 4 Juin 2014 - 1:10


« Instagram »


Pour la page d'accueil, c'est ce code. Cela risque d'être un peu compliqué alors si vous avez un soucis, ma boite mp est ouverte. Je n'ai pas de code plus simple. Pensez à remplacer les images (remplacez: "votre image" par votre image donc ^^), les pseudos, le nombre de followers etc...

Code:
<center><div style="background:white; width:500px; padding: 20px; text-align: justify;"><table><tr><td style="width:230px;"><img src="http://i60.tinypic.com/24y60dz.jpg"></img></td><td style="text-align:right; width:230px; color:#1E5C8A; font-family: Calibri; font-size:20px;"><b>pseudo</b></td></tr></table></div><div style="background:#FAFAFA; width:500px; padding: 20px; text-align: justify;"> <img align="left" style="border-radius: 120px; -moz-border-radius: 120px; -webkit-border-radius: 120px; width: 120px; margin-right: 50px; margin-left: 50px;" src="http://i58.tinypic.com/25as1gz.jpg"></img>

<div style="color: #4B4F54; font-family: Calibri; font-size: 35px;">pseudo</div>
<div style="color: #4B4F66; font-family: Calibri; font-size: 16px; position: relative; top: -10px;"><b>Nom et Prénom du perso</b> petit blabla.</div>
<div style="color: #4B4F66; font-family: Calibri; font-size: 14px; position: relative; top: -7px;"><b>416</b> publications    <b>3k</b> abonnés    <b>278</b> suivis.</div>

<center><table><tr><td style="padding-right: 10px; padding-bottom:10px;"><img src="http://i58.tinypic.com/25as1gz.jpg" width="150px;"></img></td><td style="padding-bottom:10px;"><img src="http://i58.tinypic.com/25as1gz.jpg" width="150px;"></img></td><td style="padding-left:10px; padding-bottom:10px;"><img src="http://i58.tinypic.com/25as1gz.jpg" width="150px;"></img></td></tr><tr><td style="padding-right: 10px;"><img src="http://i58.tinypic.com/25as1gz.jpg" width="150px;"></img></td><td><img src="http://i58.tinypic.com/25as1gz.jpg" width="150px;"></img></td><td style="padding-left:10px;"><img src="http://i58.tinypic.com/25as1gz.jpg" width="150px;"></img></td></tr></table></center>
<img src="http://i60.tinypic.com/2d91dnn.jpg" width="500px;"></img>
<div style="font-family: calibri; font-size: 7px; text-transform: uppercase; color: #4B4F54; letter-spacing: 3px;text-align: center;">© Codage fait par .Jenaa</div></div></center>

Le second code sert à poster une nouvelle photo avec sa légende. Pensez à remplir les pseudos, la légende, à mettre la photo etc... Pour la partie commentaire, laissez ça de côté. Un troisième code arrive pour que chacun puisse poster son commentaire à la suite de votre photo.

Code:
<center><table><tr><td><img align="left" style="width: 300px;" src="http://i60.tinypic.com/23yog.jpg"></img></td><td style="background:white; width:200px; text-align: justify;"><img align="left" style="border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; width: 50px; margin-right: 10px; margin-left:20px;" src="http://i59.tinypic.com/14ki6xf.jpg"></img>
<div style="color:#1E5C8A; font-family: Calibri; font-size: 20px; position: relative; top: -5px;"><b>pseudo</b></div>
<div style="border-bottom: solid darkgrey 1px; opacity: 0.3; width: 195px; text-align: center; position: relative; top: 5px;"></div>
<div style="color: #4B4F66; font-family: Calibri; font-size: 16px; position: relative; top: -7px; margin-left:10px;"><b>## J'aime</b></div><div style="width: 195; overflow: auto; height: 150px;"><b><font color="#1E5C8A" family="Calibri">[size=13]pseudo[/size]</b> <font color="black">[size=11]petit blabla.[/size] </font> [size=11]@identification[/size]</font>

<font color="#1E5C8A" family="Calibri"><b>[size=13]pseudo[/size]</b> <font color="black">[size=11]commentaire[/size]
<font color="#1E5C8A" family="Calibri"><b>[size=13]pseudo[/size]</b> <font color="black">[size=11]commentaire[/size]
<font color="#1E5C8A" family="Calibri"><b>[size=13]pseudo[/size]</b> <font color="black">[size=11]commentaire[/size]
<font color="#1E5C8A" family="Calibri"><b>[size=13]pseudo[/size]</b> <font color="black">[size=11]commentaire[/size]
<font color="#1E5C8A" family="Calibri"><b>[size=13]pseudo[/size]</b> <font color="black">[size=11]commentaire[/size]
<font color="#1E5C8A" family="Calibri"><b>[size=13]pseudo[/size]</b> <font color="black">[size=11]commentaire[/size]
<font color="#1E5C8A" family="Calibri"><b>[size=13]pseudo[/size]</b> <font color="black">[size=11]commentaire[/size]</div><div style="border-bottom: solid darkgrey 1px; opacity: 0.3; width: 195px; text-align: center; position: relative; top: 5px;"></div>
<img align="right" style="width: 25px; margin-right: 10px; margin-left: 5px;" src="http://i57.tinypic.com/zlp8o5.jpg"></img> <div style="color:#5D6064; font-family: Calibri; font-size: 14px;">Votre commentaire ...</div>
</td></tr></table></center>

Et voila le troisième code:

Code:
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'><style>.fondinstagr{width:400px; height: 185px;margin:auto; background:white;} .fondhautinstag{width:375px; height: 25px; margin:auto; background:#f9f9f9;border-bottom:solid #dbdbdb 2px;text-align:left;padding:5px;padding-left:15px;padding-top:15px; padding-right:10px;} .imagehaut{height: 30px;margin-top:-7px;margin-right:10px;border-right:solid #dbdbdb 1px;} .titrecom{font-family: 'Roboto', sans-serif;color:#262626;font-size: 13px;} </style>

<center><div class="fondinstagr"> <div class="fondhautinstag"><img src="http://nsa38.casimages.com/img/2016/05/27//160527032208186863.png" class="imagehaut" align="left"><span class="titrecom">Commentaires</span></div>
<img src="http://nsa38.casimages.com/img/2016/05/27//160527033625656770.png" style="width:50px;" align="center">

<div style="width:375px; padding:5px;padding-left:15px; padding-right:10px;padding-bottom:5px;background:;border-top:solid #dbdbdb 1px;"><center><table><tr><td><img src="http://nsa37.casimages.com/img/2016/05/27//160527034611512054.png" style=" width: 25px; margin-top:-9px;"></td><td><div style="width:304px; height: 50px; overflow:auto;margin-left:10px;margin-top:-9px;color:#c1c1c1; font-size: 12px;font-family: 'Roboto', sans-serif;">blabla bla blablabla blabla bla bla blabla blablabla bla blabla blablabla blablabla blablabla blablabla blablabla blabla bla</div></td><td><div style="width:35px; background:#4592d8;height:61px;margin-top:-9px;"align="right"><img src="http://nsa38.casimages.com/img/2016/05/27//160527035105824285.png" style=" width: 35px;margin-top:12px;  " ></div></td></tr></table></center></div></div></center>
[font=Arial][size=7]CREDIT > [url=http://socktreasurebox.e-monsite.com/]CHAUSSETTE[/url][/size][/font]
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://niagara-eveningv2.forum-canada.com
 

∞ Fonctionnement & codes

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

 Sujets similaires

-
» Codes pour embellir vos RP
» Codes pour les jeux français de Pokémon Donjon Mystère : Les Portes de l'Infini
» Topic des QR Codes de ROSA!
» Codes pour fiche de présentation
» Codes pour vos signatures

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Niagara Evening 2.0 :: 
COMMUNICATIONS
 :: ∞ Réseaux sociaux :: Instagram
-
✿ CANDICE ACCOLA - Scénario de Sienna et Caleb
✿ EMERAUDE TOUBIA - Scénario de Matt
✿ GIGI HADID - Scénario de Nikita
✿ ALEXIS REN - Scénario de Rosalie
✿ KENDALL JENNER - Scénario de Nikita
✿ DANIEL GILLIES - Scénario de Sloann
✿ DOMINIC SHERWOOD - Scénario de Karlton
✿ IAN SOMERHALDER - Scénario de Sloann
✿ MATTHEW DADDARIO - Scénario de Caleb et Sienna
✿ ASH STIMEST - Scénario de Rosalie
✿ STEPHEN AMELL - Scénario de Maëlys
Place pour les sujets
commun/intrigues