Partagez | 
 

 modèle instagram

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

messages : 222 pseudo : Les aléas de la vie avatar + © : Aucune célébrité (wild heart)
les aléas de la vie


âge : sans âge
statut civil : maître du jeu
adresse : Un peu partout sur le forum
job/études : Intervenir dans vos vies
MessageSujet: modèle instagram   Dim 7 Fév - 12:00


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>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
staff ◊ cute little pearl

messages : 222 pseudo : Les aléas de la vie avatar + © : Aucune célébrité (wild heart)
les aléas de la vie


âge : sans âge
statut civil : maître du jeu
adresse : Un peu partout sur le forum
job/études : Intervenir dans vos vies
MessageSujet: Re: modèle instagram   Mer 22 Juin - 15:26

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 :



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>
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-
Sauter vers: