modèle instagram

modèle instagram

We love selfies

Voici un modèle qui reproduit l'interface d'Instagram. Il a été réalisé par .Jenaa. Vous pouvez vous en servir tant que vous laissez le crédit.

Profil :

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>

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

Voici un second modèle.. Il a été réalisé par shine. Vous pouvez vous en servir tant que vous laissez le crédit (représenté par un lien).

Profil :

modèle instagram 940782Capturedcran20160621200359

modèle instagram 940782Capturedcran20160621200359

Code:: <link href='http://fonts.googleapis.com/css?family=Lato:300,400,600,700' rel='stylesheet' type='text/css'><link href='http://takingthehobbitstoisengard.b1.jcink.com/uploads/takingthehobbitstoisengard/dtinsta1.css' rel='stylesheet' type='text/css'> <div id=insta-d1><div class=insta1><div class=instalogo></div></div><div class=insta2><div class=instaicon style="background-image: url(ICON URL HERE);"></div><div class=insta3><div class=insta4></div><div class=insta5><div class=instauser> instagram username </div><a href="http://shine.jcink.net/index.php?showuser=5714"><div class=instabutt > FOLLOWING </div></a></div><div class=instadesc> <b>name</b> short desc </div><div class=instastats> <b>###</b> posts <b>###</b> followers <b>###</b> following </div> </div></div><div class=c-for> <div style="background-image: url(IMAGE URL HERE)" class=instafeeda><div class=insta6><div class=insta7><div class=instalikes></div> ### <div class=instacomms></div> ### </div></div></div> <div style="background-image: url(IMAGE URL HERE)" class=instafeeda><div class=insta6><div class=insta7><div class=instalikes></div> ### <div class=instacomms></div> ### </div></div></div> <div style="background-image: url(IMAGE URL HERE)" class=instafeedb><div class=insta6><div class=insta7><div class=instalikes></div> ### <div class=instacomms></div> ### </div></div></div> <div class=insta8></div> <div style="background-image: url(IMAGE URL HERE)" class=instafeeda><div class=insta6><div class=insta7><div class=instalikes></div> ### <div class=instacomms></div> ### </div></div></div> <div style="background-image: url(IMAGE URL HERE)" class=instafeeda><div class=insta6><div class=insta7><div class=instalikes></div> ### <div class=instacomms></div> ### </div></div></div> <div style="background-image: url(IMAGE URL HERE)" class=instafeedb><div class=insta6><div class=insta7><div class=instalikes></div> ### <div class=instacomms></div> ### </div></div></div> </div></div>

Ajouter une photo :

modèle instagram 977227Capturedcran201606121951192

Code:: <link href='http://fonts.googleapis.com/css?family=Lato:300,400,600,700' rel='stylesheet' type='text/css'><link href='http://takingthehobbitstoisengard.b1.jcink.com/uploads/takingthehobbitstoisengard/dtinsta1.css' rel='stylesheet' type='text/css'> <div id=insta-d2> <div style="background-image: url(INSTAGRAM PICTURE URL HERE)" class=instapic></div> <div class=insta9><div class=insta10> <div style="background-image: url(ICON URL HERE)" class=instaicon></div><div class=instauser> username </div><div class=insta11> FOLLOWING </div><div class=insta12></div></div><div class=insta13><div class=instalikes> ### likes </div><div class=instatime> 1h </div></div><div class=insta14><div class=instacap> <b>username</b> caption </div></div><div class=insta15></div><div class=insta16><div class=insta17><a href="http://shine.jcink.net/index.php?showuser=5714"><div class=instaheart></div></a><div class=instacommbox>Add a comment...</div><div class=instadots></div></div></div></div></div>

» modèle présentation
» modèle snapchat
» modèle de lettres
» modèle pré-lien
» modèle scénario