» modèle et explications

<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'><style>.fondinsta{width:400px; height: 650px;margin:auto; background:white} .fondhautinsta{width:375px; height: 25px; margin:auto; background:#f9f9f9;border-bottom:solid #dbdbdb 2px;text-align:left;padding:5px;padding-left:15px;padding-top:10px; padding-right:10px;} .textegras{font-family: 'Roboto', sans-serif;font-weight:bold;text-transform: lowercase;color:#262626;font-size: 12px;} .photoprofil{width: 80px; height:80px; border-radius:100px;margin-left:25px;margin-right:20px;margin-top:-10px;} .groupeinfo{width:60px;text-align:center;margin-right:10px;margin-left:5px;} .groupeens{width:250px; height: 100px; margin:auto; background:;margin-left:px;} .textenormal{font-family: 'Roboto', sans-serif;text-transform: lowercase;color:#c1c1c1; font-size: 12px;} .modifier{width:200px; height:15px; text-align:center; background:#eeeeee;text-transform: uppercase;padding:5px; color:#262626;font-family: 'Roboto', sans-serif; font-size: 11px;} .descriptioninst{width:375px; text-align:left;padding:5px;padding-left:15px; padding-right:10px;font-family: 'Roboto', sans-serif;color:#262626;font-size: 12px;padding-bottom:10px;} .catinst{width:375px; border-bottom:solid #dbdbdb 1px;border-top:solid #dbdbdb 1px;padding:5px;padding-top: 10px;padding-left:15px; padding-right:10px;padding-bottom:5px;} .basinst{width:375px; padding:5px;padding-top: 10px;padding-left:15px; padding-right:10px;padding-bottom:5px;} .basbasinst{width: 20px; height:20px; border-radius:30px;padding:2px;border:solid #dbdbdb 1px; margin-left:50px;}</style>

<center><div class="fondinsta"> <div class="fondhautinsta"><span class="textegras">PSEUDO</span><img src="http://nsa38.casimages.com/img/2016/05/26//160526064351413379.png" style=" width: 20px;" align="right"></div>
<center><table><tr><td><img src="URL ICON PHOTO DE PROFIL" class="photoprofil "></td><td><div class="groupeens"><table><tr><td><center><div class="groupeinfo"><span class="textegras">102</span>
<span class="textenormal">publicatio...</span></div></center></td><td><center><div class="groupeifo "><span class="textegras">102</span>
<span class="textenormal">abonnés</span></center></td><td><div style="width:60px;margin-right:10px;text-align:center; "><span class="textegras">102</span>
<span class="textenormal">abonnem...</span></td></tr></table><div class="modifier">Modifier votre profil</div> </div></td></tr></table></center><div class="descriptioninst">Blabla blabla bla
blabla bla bla lba
balablalbalab </div><div class="catinst"><center><img src="http://nsa38.casimages.com/img/2016/05/26//16052607411967944.png" style=" width: 20px; "> <img src="http://nsa38.casimages.com/img/2016/05/26//160526075311560793.png" style=" width: 20px;margin-left:50px; "> <img src="http://nsa38.casimages.com/img/2016/05/26//160526075410604013.png" style=" width: 20px;margin-left:50px; "> <img src="http://nsa37.casimages.com/img/2016/05/26//160526075608264211.png" style=" width: 20px; margin-left:50px;"></center></div><div style="width:400px; height: 330px; overflow:auto;"><table><tr><td><div style="background-image:url('URL IMAGE POSTE'); background-position:50% 50%; width: 125px;height:125px;" ></div></td><td> <div style="background-image:url('URL IMAGE POSTE'); background-position:50% 50%; width: 125px;height:125px;"></div></td><td> <div style="background-image:url('URL IMAGE POSTE'); background-position:50% 50%; width: 125px;height:125px;" ></div></td></tr></table><table><tr><td><div style="background-image:url('URL IMAGE POSTE'); background-position:50% 50%; width: 125px;height:125px;" ></div></td><td> <div style="background-image:url('URL IMAGE POSTE'); background-position:50% 50%; width: 125px;height:125px;"></div></td><td> <div style="background-image:url('URL IMAGE POSTE'); background-position:50% 50%; width: 125px;height:125px;" ></div></td></tr></table><table><tr><td><div style="background-image:url('URL IMAGE POSTE'); background-position:50% 50%; width: 125px;height:125px;" ></div></td><td> <div style="background-image:url('URL IMAGE POSTE'); background-position:50% 50%; width: 125px;height:125px;"></div></td><td> <div style="background-image:url('URL IMAGE POSTE'); background-position:50% 50%; width: 125px;height:125px;" ></div></td></tr></table>
</div><div class="basinst"><center><img src="http://nsa38.casimages.com/img/2016/05/26//160526083217725288.png" style=" width: 20px; "> <img src="http://nsa38.casimages.com/img/2016/05/26//160526083217824597.png" style=" width: 20px;margin-left:50px; "> <img src="http://nsa38.casimages.com/img/2016/05/26//160526081554793286.png" style=" width: 20px;margin-left:50px; "> <img src="http://nsa37.casimages.com/img/2016/05/26//160526083145909905.png" style=" width: 20px;margin-left:50px; "> <img src="URL ICON PHOTO PROFIL" class=" basbasinst"></center></div></div></center>
[font=Arial][size=7]CREDIT > [url=http://socktreasurebox.e-monsite.com/]CHAUSSETTE[/url][/size][/font]

<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'><style>.fondinsta{width:400px; height: auto;margin:auto; background:white;} .fondhautinsta{width:375px; height: 25px; margin:auto; background:#f9f9f9;border-bottom:solid #dbdbdb 2px;text-align:left;padding:5px;padding-left:15px;padding-top:10px; padding-right:10px;} .textegras{font-family: 'Roboto', sans-serif;font-weight:bold;text-transform: lowercase;color:#262626;font-size: 12px;} .photoprofil1{width:30px;height:30px; border-radius:30px;border:solid #dbdbdb 1px; margin-left:10px;} .descrient{width:365px; text-align:left;padding:5px;padding-left:15px; padding-right:10px;font-family: 'Roboto', sans-serif;color:#262626;font-size: 12px;padding-bottom:10px;text-align:justify;border-top:solid #dbdbdb 1px;}  </style>

<center><div class="fondinsta"> <div class="fondhautinsta"><center><img src="http://nsa38.casimages.com/img/2016/05/27//16052711280072955.png" style=" height: 30px;margin-top:-5px;margin-right:-30px;" align="center"><img src="http://nsa37.casimages.com/img/2016/05/27//160527114723458714.png" style=" height: 30px;margin-top:-5px;" align="right"></div>
<table><tr><td><img src="URL D'UNE ICONE PHOTO DE PROFIL" class="photoprofil1"></td><td> <div style="width:300px; margin-left:10px;"><span class="textegras">PSEUDO</span><img src="http://nsa38.casimages.com/img/2016/05/27//160527120447172296.png" style=" height: 30px;margin-top:-5px;" align="right"></div></td></tr></table>  
<img src="URL DE L'IMAGE DU POSTE" style="margin-top:px; width:400px;" align="center">
<img src="http://nsa37.casimages.com/img/2016/05/27//160527013643567319.png" style=" width: 30px;margin-top:5px;margin-left:20px; " align="left"> <img src="http://nsa37.casimages.com/img/2016/05/27//160527013643663121.png" style=" width: 30px;margin-top:5px; margin-left:20px; " align="left"> <img src="http://nsa37.casimages.com/img/2016/05/27//160527013643933470.png" style=" width: 30px;margin-top:5px;margin-left:20px; " align="left">

<div class="descrient"><span class="textegras">❤ 10 J'aime</span>
<span class="textegras">PSEUDO</span> Blabla blabla bla
blabla bla bla lba
balablalbalab </div><div style="width:375px; padding:5px;padding-top: 10px;padding-left:15px; padding-right:10px;padding-bottom:5px;background:#f9f9f9;border-top:solid #dbdbdb 2px;"><center><img src="http://nsa37.casimages.com/img/2016/05/27//160527015701416289.png" style=" width: 20px; "> <img src="http://nsa38.casimages.com/img/2016/05/26//160526083217824597.png" style=" width: 20px;margin-left:50px; "> <img src="http://nsa38.casimages.com/img/2016/05/26//160526081554793286.png" style=" width: 20px;margin-left:50px; "> <img src="http://nsa37.casimages.com/img/2016/05/26//160526083145909905.png" style=" width: 20px;margin-left:50px; "> <img src="URL D'UNE ICONE PHOTO DE PROFIL" style="width: 20px; height:20px; border-radius:30px;padding:2px;border:solid #dbdbdb 1px; margin-left:50px;" ></center></div></div></center>
[font=Arial][size=7]CREDIT > [url=http://socktreasurebox.e-monsite.com/]CHAUSSETTE[/url][/size][/font]

<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>