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]