AccueilAccueil  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  Connexion  

Partagez | 
 

 modèle instagram

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
staff ◊ cute little pearl
avatar

Aléas de la vie

pseudo : tout le monde
messages : 60
Date d'inscription : 20/11/2016
avatar + © : sans visage & unicorn

âge : sans âge
job/étude : intervenir dans vos vie

MessageSujet: modèle instagram   Dim 20 Nov - 18:33


modèle Instagram


Voici quelques modèles représentant l'interface d'Instagram.

les suivants ont étés réalisés par .Jenaa
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>

et ceux là par shine.
Profil
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
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>

merci de laisser les crédits sur les codes.

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

modèle instagram

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

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Laughing Out Loud :: Les réseaux sociaux :: Instagram-