Forum RPG City
 
AccueilAccueil  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  
Notre forum est un forum à l'ancienne. Le but du forum est de faire évoluer son personnage à travers diverses histoires, intrigues et autres topics en rp. C'est pourquoi nous demandons peu de lignes et une réactivité.

Partagez | 
 

 Instagram, Facebook, Twitter,...Fonctionnement et Modèles

Aller en bas 
AuteurMessage
Admin Supprême

avatar




J'ai : 63
Et j'habite au : un peu partout
J'aime bien/j'ai comme passion : tout
Arrivé le : 27/08/2015
Messages : 136
Jetons : -870
Célébrité : Ton ombre

MessageSujet: Instagram, Facebook, Twitter,...Fonctionnement et Modèles   Mar 21 Aoû - 20:41

Internet




Rares sont ceux et celles qui n'ont pas de connexion Internet de nos jours. Et à Atlantic City, nous vous laissons le choix de créer votre profil sur le réseau social de votre choix. Veuillez commencer votre sujet comme ci-dessous
Code:
@PrénomNom
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Admin Supprême

avatar




J'ai : 63
Et j'habite au : un peu partout
J'aime bien/j'ai comme passion : tout
Arrivé le : 27/08/2015
Messages : 136
Jetons : -870
Célébrité : Ton ombre

MessageSujet: Re: Instagram, Facebook, Twitter,...Fonctionnement et Modèles   Mar 21 Aoû - 20:48

Instgram

-les couleurs ne sont pas modifiables.
-les photos de profil doivent être carré.
-les photos postaient peuvent avoir d'autres formes.
-le code est de 400 pixel de largeur.


1er post

   

   
PSEUDO

   
102
   publicatio...
102
   abonnés
102
   abonnem...
Modifier votre profil
Blabla blabla bla
   blabla bla bla lba
   balablalbalab
   

   CREDIT > CHAUSSETTE[/code]

Code:
   <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]

Posts suivants

   

   

   
PSEUDO

   
   

   
❤ 10 J'aime
   PSEUDO Blabla blabla bla
   blabla bla bla lba
   balablalbalab

   CREDIT > CHAUSSETTE

Code:
   <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]

Commentaires des visiteurs

   

   
Commentaires

   

   
blabla bla blablabla blabla bla bla blabla blablabla bla blabla blablabla blablabla blablabla blablabla blablabla blabla bla

   CREDIT > CHAUSSETTE

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]

Instagram


1er post

   
pseudo
000 publications
000 abonnés
000 suivis
pseudo
description
   




   

   


Code:
   <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet"> <center><div style="background:white; width:400px; height: 40px;padding: 10px; text-align: justify;"><img src="https://i.imgbox.com/Ah5a4w4c.png" style="float:left; margin-right: 50px;"><div style="font-family:'Open Sans Condensed'; font-size: 20px;color:#003569; margin-top: 10px;float:right;">pseudo</div></div><div style="background:#FAFAFA; width:400px; height:400px;padding: 10px; text-align: justify;"><img src="http://68.media.tumblr.com/f599c16ba0c86b9ab55d7a9bd700c3ec/tumblr_inline_mtnyu3o1Sh1rnruf5.png" style="height:100px; float: left; border-radius: 90px;"><table><tr><td><div style="font-family:'Open Sans Condensed'; font-size: 16px; margin-left: 90px;text-align:center;">[b]000[/b] publications</div></td><td><div style="font-family:'Open Sans Condensed';font-size: 16px; margin-left: 10px;text-align:center;">[b]000[/b] abonnés</div></td><td><div style="font-family:'Open Sans Condensed'; font-size: 16px; margin-left: 10px;text-align:center;">[b]000[/b] suivis</div></td></tr></table><table><tr><td><div style="font-family:'Open Sans Condensed'; font-size: 14px;color:#003569; float: left; margin-left: 20px;">[b]pseudo[/b] › </div> </td><td><div style="font-family:'Open Sans Condensed'; font-size: 12px;">description</div></td></tr></table>
    <br><br><br><center><img src="http://68.media.tumblr.com/f599c16ba0c86b9ab55d7a9bd700c3ec/tumblr_inline_mtnyu3o1Sh1rnruf5.png" style="height:120px; float: left; border-radius: 5px; margin-left: 10px;"><img src="http://68.media.tumblr.com/f599c16ba0c86b9ab55d7a9bd700c3ec/tumblr_inline_mtnyu3o1Sh1rnruf5.png" style="height:120px; float: left; border-radius: 5px; margin-left: 10px;"><img src="http://68.media.tumblr.com/f599c16ba0c86b9ab55d7a9bd700c3ec/tumblr_inline_mtnyu3o1Sh1rnruf5.png" style="height:120px; float: left; border-radius: 5px; margin-left: 10px;">

    <img src="http://68.media.tumblr.com/f599c16ba0c86b9ab55d7a9bd700c3ec/tumblr_inline_mtnyu3o1Sh1rnruf5.png" style="height:120px; float: left; border-radius: 5px; margin-left: 10px;margin-top: 15px;"><img src="http://68.media.tumblr.com/f599c16ba0c86b9ab55d7a9bd700c3ec/tumblr_inline_mtnyu3o1Sh1rnruf5.png" style="height:120px; float: left; border-radius: 5px; margin-left: 10px;margin-top:15px;"><img src="http://68.media.tumblr.com/f599c16ba0c86b9ab55d7a9bd700c3ec/tumblr_inline_mtnyu3o1Sh1rnruf5.png" style="height:120px; float: left; border-radius: 5px; margin-left: 10px;margin-top: 15px;">

    </center></div><img src="https://img4.hostingpics.net/pics/453728codeinsta2.png"></center>

Posts suivants

   
pseudo
pseudo
000 J'aime
1j
   
pseudo
description

   

   
écrire un commentaire...
   
   

   


Code:
   <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet"> <center><div style="background:white; width:400px; height: 40px;padding: 10px; text-align: justify;"><img src="https://img4.hostingpics.net/pics/282786codeinsta.png" style="float:left; margin-right: 50px;"><div style="font-family:'Open Sans Condensed'; font-size: 20px;color:#003569; margin-top: 10px;float:right;">pseudo</div></div><div style="background:#FAFAFA; width:400px; height:255px;padding: 10px; text-align: justify;"><table><tr><td><img src="https://s-media-cache-ak0.pinimg.com/736x/60/cf/db/60cfdb96744a9cc380f96b23b1d7550d.jpg" style="height: 250px; width:250px;"><td><div style="width:150px; height: 230px;margin-left:2px;"><table><tr><td><img src="http://68.media.tumblr.com/f599c16ba0c86b9ab55d7a9bd700c3ec/tumblr_inline_mtnyu3o1Sh1rnruf5.png" style="height:40px; border-radius: 90px;margin-top: -10px; "></td><td><div style="font-family:'Open Sans Condensed'; font-size: 14px;color:#003569; margin-left: 15px; margin-top:-10px;">pseudo</div></td></tr></table><center><div style="background:#DADADA; height:1px; width: 148px;"></center><table><tr><td><div style="font-family:'Open Sans Condensed'; font-size: 14px; float: left; ">000 J'aime</div> </td><td><div style="font-family:'Open Sans Condensed'; font-size: 12px; margin-left:83px;">1j</div></td></tr></table>
    <div style="background:#FAFAFA; height:137px; width: 150px;text-align:justify;"><div style="font-family:'Open Sans Condensed'; font-size: 14px;color:#003569; float: left;">[b]pseudo[/b] › </div><div style="font-family:'Open Sans Condensed'; font-size: 12px;margin-left:4px;"> description</div>
    </div>
    <div style="background:#FAFAFA; height:20px; width: 150px;"><div style="background:#DADADA; height:1px; width: 148px;"><table><tr><td><div style="font-family:'Open Sans Condensed'; font-size: 12px; ">écrire un commentaire...</div></td><td><img src="https://img4.hostingpics.net/pics/458975pointscommentaires.png" style="float:right;height:20px;margin-top:3px; margin-left:15px;"></td></tr></table>
    </td></tr></table>
    </div>
    </div></center>


Dernière édition par Atlantic City le Mar 21 Aoû - 20:50, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Admin Supprême

avatar




J'ai : 63
Et j'habite au : un peu partout
J'aime bien/j'ai comme passion : tout
Arrivé le : 27/08/2015
Messages : 136
Jetons : -870
Célébrité : Ton ombre

MessageSujet: Re: Instagram, Facebook, Twitter,...Fonctionnement et Modèles   Mar 21 Aoû - 20:49

Facebook


1er post

   

   
Prénom + Nom


   

   

   

   

   Exprimez vous...

   CREDIT > CHAUSSETTE

Code:
   <center><div style="font-family: arial; border-radius:0px 0px 0px 0px;background:url('URL D'UNE GRANDE IMAGE POUR METTRE EN FOND');height: 200px; width:450px;margin-bottom:-10px;" align="justify"></div><table><td><img style="border-radius:2px 2px 2px 2px; width: 100px;margin-left:-130px; height: 100px;border:3px solid white;box-shadow:0px 0px 3px black; margin-top:-90px;" src="URL D'UNE ICONE 100*100"; ></td><td>
    <div style="color:white;text-shadow:0px 0px 3px black; font-size:25px;letter-spacing: -2px; margin-top:-40px;font-family:Arial;margin-left:-20px;">[b]Prénom + Nom[/b]</div></td></table><BR>
    <div style="font-family: arial; margin-top:-50px;background: url('http://nsa31.casimages.com/img/2014/01/22//140122053802623075.png'); text-align: justify;height: 48px; width:450px; font-size:10px;font-family:arial;">
    </div><div style="font-family: arial; margin-top:px;background: #e9eaed; text-align: justify;height: 20px; width:450px; font-size:10px;font-family:arial;">
    </div><div style="font-family: arial; margin-top: px;background: url('http://nsa31.casimages.com/img/2014/01/22//140122054536653784.png'); text-align: justify;height: 39px; width:450px; font-size:10px;font-family:arial;">
    </div><div style="font-family: arial; margin-top:px;background: #ffffff; text-align: justify;height: 48px; width:430px; font-size:14px;font-family:helvetica;color:#777777;padding:10px;">
    Exprimez vous...</div></center>
    [font=Arial][size=7]CREDIT > [url=http://socktreasurebox.e-monsite.com/]CHAUSSETTE[/url][/size][/font]

Posts suivants

   
Prénom Nom
   XX Mois ·
   
   Racontez votre vie ici
   

   J'aime · Commenter ·  Désactiver les notifications · Promouvoir · Partager

   CREDIT > CHAUSSETTE

Code:
   <center><div style="font-family: arial; border:2px solid #d3d4d7;margin-top:px;background: #ffffff; text-align: justify;height: px; border-radius:6px 6px 6px 6px;width:430px; font-size:14px;font-family:helvetica;color:#777777;padding:10px;"><table><td><img style="border-radius:6px 6px 6px 6px; width: 50px; height: 50px; " src="URL D'UNE ICONE 100*100"; ></td><td><span style="color:#3b5998; font-size:14px;letter-spacing: -1px;font-family:Arial;">[b]Prénom Nom[/b]</span>
    <span style="color:#89919c; font-size:12px;letter-spacing: px;font-family:Arial;">XX Mois · </span>
    </td></table>
    Racontez votre vie ici
    <img style=" width: 430px;  " src="URL D'UNE IMAGE SI VOUS VOULEZ EN METTRE A SUPPRIMER LE CODE SI VOUS NE VOULEZ PAS"; >

    <span style="color:#89919c; font-size:12px;letter-spacing: px;font-family:Arial;">J'aime · Commenter ·  Désactiver les notifications · Promouvoir · Partager</span></div></center>
    [font=Arial][size=7]CREDIT > [url=http://socktreasurebox.e-monsite.com/]CHAUSSETTE[/url][/size][/font]

Facebook


Le Profil


Prénom P. Nom
@pseudo
Prénom P. Nom quelque chose sur ton perso ; quelque chose sur ton perso ; qualité ; défaut ;
NOM ALBUM 1 NOM ALBUM 2 NOM ALBUM 3
Prénom P. Nom changed his cover photo Date
Prénom P. NomDate Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum.
Prénom P. Nom is going to an event Date
NOM DE L'EVENEMENT Mardi 3 septembre 2017 à 15h00
3 rue Jean-Claude Dus, Strasbourg
Prénom P. NomDate Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum.
by marelle


Code:
    <link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/5wt105ssbsp4e54/marelle_fb_20180623.css">
    <center><link href="https://fonts.googleapis.com/css?family=Raleway|Roboto:400,700|Dancing+Script" rel="stylesheet"><div class="MarelleFacebook">  <!-- DEBUT PHOTO DE COUVERTURE ; dimension 468x172 --><div class="MarellePhotoCouv" id="photo de couverture" style="
      background-image:url(https://i11.servimg.com/u/f11/13/73/91/76/20864210.jpg);background-size:468px auto;"></div><!-- FIN PHOTO DE COUVERTURE -->  <!-- DEBUT PHOTO DE PROFIL ; dimension 100x100 --><div class="MarellePhotoProfil" id="PHOTO PROFIL" style="background-image:url(http://78.media.tumblr.com/avatar_ccd39acdd20d_128.pnj);background-size:100px 100px;"></div><!-- FIN PHOTO DE PROFIL -->  <!-- DEBUT NOM ET PRENOM --><div id="NOM PRÉNOM" class="MarelleProfilNomPrenom">Prénom P. Nom</div><!-- FIN NOM ET PRENOM -->  <!-- DEBUT PSEUDO --><div id="pseudo" class="MarelleProfilPseudo">@pseudo</div><!-- FIN PSEUDO -->  <!-- DEBUT BLOC DE PRESENTATION --><div id="blocpresentation" class="MarelleBlocPresentation">    <!-- DEBUT NOM ET PRENOM --><span style="font-size:9px;">Prénom P. Nom</span><!-- FIN FIN NOM ET PRENOM -->    <!-- DEBUT PRESENTATION - quelques mots sur ton personnage --><span style="font-size:8px;position:absolute;top:20px;left:6px;font-weight: normal;">quelque chose sur ton perso ; quelque chose sur ton perso ; qualité ; défaut ; </span><!-- FIN PRESENTATION -->  </div><!-- FIN BLOCK DE PRESENTATION -->  <!-- DEBUT DES ALBUMS (x3) --><div id="albums couv" class="MarelleAlbumsCouv">    <!-- DEBUT ALBUM 1 : dimension 61x41 ; pas de titre trop long --><img id="IMAGE ALBUM 1" src="https://www.vizeo.net/wp-content/uploads/2017/08/visiter_barcelone_video_alex_vizeo.jpg" class="IMGAlbum IMGAlbum1" height="41" width="61" />    <span id="TITRE ALBUM 1" class="TextAlbum TextAlbum1">NOM ALBUM 1 </span><!-- FIN ALBUM 1 -->    <!-- DEBUT ALBUM 2 --><img id="IMAGE ALBUM 2" src="http://blog.crazymoto.net/wp-content/uploads/2009/02/interview_carmichael.jpg"  class="IMGAlbum IMGAlbum2" height="41" width="61" />    <span id="TITRE ALBUM 2" class="TextAlbum TextAlbum2">NOM ALBUM 2</span><!-- FIN ALBUM 2 -->    <!-- DEBUT ALBUM 3 --><img id="IMAGE ALBUM 3" src="https://media.melty.fr/article-2816016-thumb/agents-of-shield-saison-3-chloe-bennet-parle.jpg"  class="IMGAlbum IMGAlbum3" height="41" width="61" />    <span id="TITRE ALBUM 3" class="TextAlbum TextAlbum3">NOM ALBUM 3</span><!-- FIN FIN ALBUM 3 -->  </div>  <!-- DEBUT BLOC IMAGES (x7+) - dimension : 55x55 --><div id="BLOC PICTURES" class="MarellePhotosVracs">    <!-- DEBUT RANGE 1 --><img id="IMAGE RANG 1 NUMERO 1" src="https://i78.servimg.com/u/f78/13/73/91/76/icon10.jpg" class="IMGVrac" />    <img id="IMAGE RANG 1 NUMERO 2" src="https://i78.servimg.com/u/f78/13/73/91/76/icon10.jpg" class="IMGVrac" />    <img id="IMAGE RANG 1 NUMERO 3" src="https://i78.servimg.com/u/f78/13/73/91/76/icon10.jpg" class="IMGVrac" /><!-- FIN RANGE 1 -->    <!-- DEBUT RANGE 2 --><img id="IMAGE RANG 2 NUMERO 1" src="https://i78.servimg.com/u/f78/13/73/91/76/icon10.jpg" class="IMGVrac" />    <img id="IMAGE RANG 2 NUMERO 2" src="https://i78.servimg.com/u/f78/13/73/91/76/icon10.jpg" class="IMGVrac" />    <img id="IMAGE RANG 2 NUMERO 3" src="https://i78.servimg.com/u/f78/13/73/91/76/icon10.jpg" class="IMGVrac" /><!-- FIN RANGE 2 -->    <!-- DEBUT RANGE 3 --><img id="IMAGE RANG 3 NUMERO 1" src="https://i78.servimg.com/u/f78/13/73/91/76/icon10.jpg" class="IMGVrac" /><!-- FIN RANGE 3 -->  </div><!-- FIN BLOC IMAGES -->  <!-- DEBUT PUBLICATIONS FACEBOOK - CHANGE COVER / POST / EVENT / POST --><div id="publications facebook" class="MarellePublications">    <!-- DEBUT NEW COVER --><div id="NOUVELLE IMAGE DE COUVERTURE" class="MarelleBlocNewPhotoCouv">      <img src="https://i62.servimg.com/u/f62/13/73/91/76/couver10.jpg" width="281" style="position:relative;" /><!-- DEBUT IMAGE DE PROFIL ; icône (22x22) --><img src="http://78.media.tumblr.com/avatar_ccd39acdd20d_128.pnj" class="MarelleImgProfilPublic" /><!-- FIN IMAGE DE PROFIL --><div class="MarellePubliNomPrenomPosition"><!-- DEBUT NOM DU PERSONNAGE --><span class="MarellePubliNomPrenomStyle">Prénom P. Nom</span><!-- FIN NOM DU PERSONNAGE --><span class="MarellePubliNomPrenomAction"> changed his cover photo</span> <!-- DEBUT DATE --><span class="MarellePubliDate">Date</span><!-- FIN DATE --></div><!-- DEBUT IMAGE COUVERTURE ; dimension 277x102 --><div id="nouvelle couverture" class="MarelleNewPhotoCouv" style="background-image:url(http://blog.univ-angers.fr/marchenoelastrasbourg/files/2016/01/Marche_Noel.jpg)"></div><!-- FIN IMAGE COUVERTURE -->    </div><!-- FIN NEW COVER -->    <!-- DEBUT NEW POST --><div id="new profile" class="MarelleBlocNewProfil">      <!-- DEBUT IMAGE DE PROFIL ; icône (22x22) --><img src="http://78.media.tumblr.com/avatar_ccd39acdd20d_128.pnj" class="MarelleImgProfilPublic" /><!-- FIN IMAGE DE PROFIL --><div class="MarellePubliNomPrenomPosition"><!-- DEBUT NOM DU PERSONNAGE --><span class="MarellePubliNomPrenomStyle">Prénom P. Nom</span><!-- FIN NOM DU PERSONNAGE --><!-- DEBUT DATE --><span class="MarellePubliDate">Date</span><!-- FIN DATE -->      <!-- DEBUT PROFILE --><span class="MarelleNewProfil">        Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum.        Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum.        Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum.        Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum.      </span><!-- FIN PROFILE -->      </div>    </div><!-- FIN NEW POST -->    <!-- DEBUT NEW EVENT --><div id="NOUVEL EVENT" class="MarelleBlocNewEvent">      <img src="https://i62.servimg.com/u/f62/13/73/91/76/event10.jpg" width="279" style="position:relative;" /><!-- DEBUT IMAGE DE PROFIL ; icône (22x22) --><img src="http://78.media.tumblr.com/avatar_ccd39acdd20d_128.pnj" class="MarelleImgProfilPublic" /><!-- FIN IMAGE DE PROFIL --><div class="MarellePubliNomPrenomPosition"><!-- DEBUT NOM DU PERSONNAGE --><span class="MarellePubliNomPrenomStyle">Prénom P. Nom</span><!-- FIN NOM DU PERSONNAGE --><span class="MarellePubliNomPrenomAction"> is going to an event</span> <!-- DEBUT DATE --><span class="MarellePubliDate">Date</span><!-- FIN DATE --></div><div id="nouvelle couverture" class="MarelleNewEventCouv" style="background-image:url(https://blog.soul.city/wp-content/uploads/2016/10/marche-noel-strasbourg-soul.city_-1024x682.jpg)"></div>      <!-- DEBUT NOM EVENT --><div class="MarelleNewEventInfo"><span class="MarelleNewEventName">NOM DE L'EVENEMENT</span><!-- FIN NOM EVENT -->        <!-- DEBUT DATE/LIEU EVENT - séparés par balise br --><span class="MarelleNewEventDatePlace">Mardi 3 septembre 2017 à 15h00<br/>3 rue Jean-Claude Dus, Strasbourg</span><!-- FIN DATE/LIEU EVENT --></div>    </div><!-- FIN NEW EVENT -->    <!-- DEBUT NEW POST --><div id="new profile 2" style="position:relative;top:470px;width:278px;line-height: 1.2;">      <!-- DEBUT IMAGE DE PROFIL ; icône (22x22) --><img src="http://78.media.tumblr.com/avatar_ccd39acdd20d_128.pnj" class="MarelleImgProfilPublic" /><!-- FIN IMAGE DE PROFIL --><div class="MarellePubliNomPrenomPosition"><!-- DEBUT NOM DU PERSONNAGE --><span class="MarellePubliNomPrenomStyle">Prénom P. Nom</span><!-- FIN NOM DU PERSONNAGE --><!-- DEBUT DATE --><span class="MarellePubliDate">Date</span><!-- FIN DATE -->      <!-- DEBUT PROFILE --><span class="MarelleNewProfil">        Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum.        Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum.        Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum.        Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum.      </span><!-- FIN PROFILE -->      </div>    </div><!-- FIN NEW POST -->  </div>  <span class="MarelleFacebookCredit">by marelle</span></div></center>

Post Ajout d'une photo

Prénom P. Nom changed his profile photo Date


Code:
    <center><link href="https://fonts.googleapis.com/css?family=Raleway|Roboto:400,700" rel="stylesheet"><div style="position:relative;border:1px solid #dedfe1;width:510px;text-align:justify;font-family: 'Roboto', sans-serif;text-align:justify;color:#000;font-size:12px;height:604px;"><img src="https://i62.servimg.com/u/f62/13/73/91/76/new_im10.jpg" style="width:510px;position:relative;" /><img src="http://78.media.tumblr.com/avatar_ccd39acdd20d_128.pnj" width="40" style="position:absolute;top:12px;left:12px;" /><div style="position:absolute;top:16px;left:62px;background-color:white;height:35px;"><span style="font-weight:bold;font-size:13px;">Prénom P. Nom</span><span style="font-weight:normal;font-style:italic;color:#4e68a5;font-size:13px;"> changed his profile photo</span> <span style="position:absolute;top:16px;left:0px;font-weight:light;font-size:12px;color:#a7a7a7;">Date</span></div><div id="couverture event" style="position:absolute;top:67px;left:4px;width:502px;height:500px;background-image:url(https://mysteryoftheinquity.files.wordpress.com/2011/01/spaceimages_2095_19430337.jpg?w=590)"></div></div></center>

Post Texte

Prénom P. Nom Date
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum mi ex, tempor ac eleifend sit amet, dapibus semper dui. Morbi ac quam congue, blandit augue sit amet, placerat mi. Maecenas dui est, pretium sed dignissim ac, ultrices ac eros. Suspendisse vitae ex at lacus maximus interdum. Phasellus imperdiet pharetra consectetur. Fusce quis velit gravida, pellentesque magna condimentum, mollis dolor. Fusce tempor enim vel ex viverra pulvinar.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum mi ex, tempor ac eleifend sit amet, dapibus semper dui. Morbi ac quam congue, blandit augue sit amet, placerat mi. Maecenas dui est, pretium sed dignissim ac, ultrices ac eros. Suspendisse vitae ex at lacus maximus interdum. Phasellus imperdiet pharetra consectetur. Fusce quis velit gravida, pellentesque magna condimentum, mollis dolor. Fusce tempor enim vel ex viverra pulvinar.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum mi ex, tempor ac eleifend sit amet, dapibus semper dui. Morbi ac quam congue, blandit augue sit amet, placerat mi. Maecenas dui est, pretium sed dignissim ac, ultrices ac eros. Suspendisse vitae ex at lacus maximus interdum. Phasellus imperdiet pharetra consectetur. Fusce quis velit gravida, pellentesque magna condimentum, mollis dolor. Fusce tempor enim vel ex viverra pulvinar.


Code:
    <center><link href="https://fonts.googleapis.com/css?family=Raleway|Roboto:400,700" rel="stylesheet"><div style="position:relative;border:1px solid #dedfe1;width:510px;text-align:justify;font-family: 'Roboto', sans-serif;text-align:justify;color:#000;font-size:12px;"><img src="https://i62.servimg.com/u/f62/13/73/91/76/haut_p10.jpg" style="position:relative;left:-1px" /><img src="http://78.media.tumblr.com/avatar_ccd39acdd20d_128.pnj" width="40" style="position:absolute;top:12px;left:12px;" /><div style="position:absolute;top:16px;left:62px;background-color:white;height:35px;"><span style="font-weight:bold;font-size:13px;">Prénom P. Nom</span> <span style="position:absolute;top:16px;left:0px;font-weight:light;font-size:12px;font-style:italic;">Date</span></div><div style="padding:15px;width:480px;padding-top:10px;max-height:450px;overflow-y:auto;background-color:white;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum mi ex, tempor ac eleifend sit amet, dapibus semper dui. Morbi ac quam congue, blandit augue sit amet, placerat mi. Maecenas dui est, pretium sed dignissim ac, ultrices ac eros. Suspendisse vitae ex at lacus maximus interdum. Phasellus imperdiet pharetra consectetur. Fusce quis velit gravida, pellentesque magna condimentum, mollis dolor. Fusce tempor enim vel ex viverra pulvinar.<br />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum mi ex, tempor ac eleifend sit amet, dapibus semper dui. Morbi ac quam congue, blandit augue sit amet, placerat mi. Maecenas dui est, pretium sed dignissim ac, ultrices ac eros. Suspendisse vitae ex at lacus maximus interdum. Phasellus imperdiet pharetra consectetur. Fusce quis velit gravida, pellentesque magna condimentum, mollis dolor. Fusce tempor enim vel ex viverra pulvinar.<br />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum mi ex, tempor ac eleifend sit amet, dapibus semper dui. Morbi ac quam congue, blandit augue sit amet, placerat mi. Maecenas dui est, pretium sed dignissim ac, ultrices ac eros. Suspendisse vitae ex at lacus maximus interdum. Phasellus imperdiet pharetra consectetur. Fusce quis velit gravida, pellentesque magna condimentum, mollis dolor. Fusce tempor enim vel ex viverra pulvinar.<br /></div><img src="https://i62.servimg.com/u/f62/13/73/91/76/bas_po10.jpg" style="position:relative;left:-1px;bottom:0px;"/></div></center>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Admin Supprême

avatar




J'ai : 63
Et j'habite au : un peu partout
J'aime bien/j'ai comme passion : tout
Arrivé le : 27/08/2015
Messages : 136
Jetons : -870
Célébrité : Ton ombre

MessageSujet: Re: Instagram, Facebook, Twitter,...Fonctionnement et Modèles   Mar 21 Aoû - 20:58

Twitter


1ère partie

   

   

   
Nom twitter

   
@pseudotwitter

   
Là tu écris ta petite bio, une description, ou tu mets tes mensurations, c'est toi qui vois.

   
00 Abonnements00 abonnés
   

   
NOM TWITTER @PSEUDOTWITTER
20 h

   
Là c'est ton tout dernier tweet, parce que c'est beau la technologie

   

   
NOM TWITTER @PSEUDOTWITTER
20 h

   
Là c'est le tweet d'avant, encore.
   

   



Code:
   <link href="http://ohdarling.free.fr/twitter.css" type="text/css" rel="stylesheet"/><link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><center><div class="cadre"><div style="background:50% 50% url(URL DE L'IMAGE DE FOND, EN HAUT);height: 102px;width: 308px;background-size: 308px;"><img src="https://i.imgur.com/DNqEfVm.png"/></div>
    <div class="fondtwt"><table width="290"><tr><td align="left"><img class="icontwt" src="URL DE TON ICON"></td><td align="right"><div class="edittwt"></div></td></tr></table>

    <div class="nametwt">Nom twitter</div>
    <div class="pseudotwt">@pseudotwitter</div>
    <div class="biotwt">Là tu écris ta petite bio, une description, ou tu mets tes mensurations, c'est toi qui vois.</div>
    [left]<table class="tabletwt" cellpadding="11"><tr><td><span class="nbrtwt">00</span> Abonnements</td><td align="left"><span class="nbrtwt">00</span> abonnés</td></tr></table>[/left]
    <div class="milieutwt"></div>
    <table class="table2twt"><tr><td valign="top" align="left"><img class="icontwt2" src="URL DE TON ICON"></td><td valign="top" align="left"><table width="100%"><tr><td align="left"><div class="nametwt2">NOM TWITTER <span class="pseudotwt2">@PSEUDOTWITTER</span></td><td align="right"><span class="datetwt">20 h</span></td></tr></table></div>
    <div class="txttwt">Là c'est ton tout dernier tweet, parce que c'est beau la technologie</div></td></tr></table>

    <div class="septwt"></div>
    <table class="table2twt"><tr><td valign="top" align="left"><img class="icontwt2" src="URL DE TON ICON"></td><td valign="top" align="left"><table width="100%"><tr><td align="left"><div class="nametwt2">NOM TWITTER <span class="pseudotwt2">@PSEUDOTWITTER</span></td><td align="right"><span class="datetwt">20 h</span></td></tr></table></div>
    <div class="txttwt">Là c'est le tweet d'avant, encore.</div></td></tr></table>
    <div class="btntwt"></div>
    </div></div></center>

Tweet

   

   

   
NOM TWITTER

   
@PSEUDOTWITTER

   
N'oubliez pas que twitter limite le nombre de caractères, en gros, là, j'ai écrit le maximum de ce qui est faisable avec ce putain d'oiseau

   


   
00:00 - 00 mois année

   

   
539 Retweets1 148 j'aime
   



Code:
   <link href="http://ohdarling.free.fr/twitter.css" type="text/css" rel="stylesheet"/><link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><center><div class="cadre"><div class="hauttiwt2"></div>
    <div class="fondtwt">
    <table class="table3twt" cellpadding="0" cellspacing="0"><tr><td valign="top" align="left" width="58"><img class="icontwt2" src="URL DE TON ICON"></td><td valign="top" align="left"><div class="nametwt3">NOM TWITTER</div>
    <div class="pseudotwt3">@PSEUDOTWITTER</div></td></tr></table>

    <div class="txttwt2">N'oubliez pas que twitter limite le nombre de caractères, en gros, là, j'ai écrit le maximum de ce qui est faisable avec ce putain d'oiseau

    <img src="URL DE L'IMAGE QUE TU VEUX MONTRER AU MONDE, mais que si tu veux, hein"/></div>

    <div class="datetwt2">00:00 - 00 mois année</div>
    <div class="septwt2"></div>
    [left]<table class="tabletwt2" cellpadding="11"><tr><td><span class="nbrtwt">539</span> Retweets</td><td align="left"><span class="nbrtwt">1 148</span> j'aime</td></tr></table>[/left]
    <div class="bastwt2"></div></div></div></center>

Commentaires

   

   

   
NOM TWITTER @PSEUDOTWITTER
00 h

   
Là t'écris ton commentaire, tu peux même être vache si ça te chante. Meuh. Ou chat.
   

   

   


Code:
   <link href="http://ohdarling.free.fr/twitter.css" type="text/css" rel="stylesheet"/><link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><center><div class="cadre"><div class="hauttiwt2"></div>
    <div class="fondtwt">
    <table class="table2twt"><tr><td valign="top" align="left"><img class="icontwt2" src="URL DE TON ICON"></td><td valign="top" align="left"><table width="100%"><tr><td align="left"><div class="nametwt2">NOM TWITTER <span class="pseudotwt2">@PSEUDOTWITTER</span></td><td align="right"><span class="datetwt">00 h</span></td></tr></table></div>
    <div class="txttwt">Là t'écris ton commentaire, tu peux même être vache si ça te chante. Meuh. Ou chat.
    <img src="URL DE L'IMAGE, SI TU VEUX "/></div></td></tr></table>

    <div class="septwt3"></div>
    <div class="bastwt3"></div></div></div></center>

Twitter


1ère partie

   

   

   
Prénom Nom
@pseudo
Une description, pas trop longue, une citation, une courte présentation, comme tu veux.
000 abonnement
000 abonnés

   
Prénom Nom
@pseudo
• 00/00/00
un truc je sais pas qui décrit ce que tu as foutu en dessous, pas trop long, i don't know quoi mettre.


   
Prénom Nom
@pseudo
• 00/00/00
un truc je sais pas qui décrit ce que tu as foutu en dessous, pas trop long, i don't know quoi mettre.

   


Code:
   <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet"> <center><div style="background:#fafafa; width: 401px;height:auto;font-family:'Open Sans Condensed', sans-serif;"><div style="background-image:url(https://s-media-cache-ak0.pinimg.com/736x/13/d7/1e/13d71e59547054f229d25f87caba6e23.jpg); height:125px;width:400px;border-radius:3px;opacity:0.7;"></div>
    <div style="background:#fff; height:50px; width: 401px;margin-top:-20px;position:absolute;float:center;"><table><tr><td><img src="http://68.media.tumblr.com/f599c16ba0c86b9ab55d7a9bd700c3ec/tumblr_inline_mtnyu3o1Sh1rnruf5.png" style="border: #fff solid 3px; border-radius: 5px; height:80px; width: 80px;margin-top:-50px;opacity:1;margin-left:-20px;margin-right:60px;"><td><img src="https://i.imgbox.com/Kk55nSdK.png" style="margin-right:-30px;"></td></tr></table></div>
    <div style="background:#fff; height:auto; width: 401px;float:center;margin-top:10px;font-family:'Open Sans Condensed';text-align: justify;"><div style="margin-left:20px;"><div style="font-size: 22px;color:#000;">Prénom Nom</div>@pseudo</div><div style="margin-left:20px;"><div style="font-size: 13px;color:#000;">Une description, pas trop longue, une citation, une courte présentation, comme tu veux.</div><table><tr><td><div style="font-family:'Open Sans Condensed'; font-size: 16px; margin-left: 20px;text-align:center;">[b][color=#000000]000[/color][/b] abonnement</div></td><td><div style="font-family:'Open Sans Condensed';font-size: 16px;text-align:center;">[b][color=#000000]000[/color][/b] abonnés</div></td></tr></table></div><img src="https://i.imgbox.com/62OWMGZZ.png"></div><div style="background:#fff; width: 401px;height:250px;overflow:auto;text-align:justify;font-family:'Open Sans Condensed', sans-serif;">
    <table><tr><td><img src="http://68.media.tumblr.com/f599c16ba0c86b9ab55d7a9bd700c3ec/tumblr_inline_mtnyu3o1Sh1rnruf5.png" style="border: #fff solid 3px; border-radius: 5px; height:50px; width: 50px;margin-left:30px;"></td><td><div style="height:50px;font-family:'Open Sans Condensed', sans-serif;margin-left:5px;margin-right:60px;margin-top:-10px;"><table><tr><td><div style="font-size:14px; color:#000;font-family:'Open Sans Condensed', sans-serif;">Prénom Nom</div></td><td> <table><tr><td><div style="font-size:12px; font-family:'Open Sans Condensed', sans-serif;">@pseudo </td><td><div style="margin-left:42px;font-family:'Open Sans Condensed', sans-serif;">• 00/00/00 <img src="https://i.imgbox.com/cMPGrlKn.png" style="margin-top:2px; margin-left:5px;"></div></td></tr></table></td></tr></table>un truc je sais pas qui décrit ce que tu as foutu en dessous, pas trop long, i don't know quoi mettre.</td></tr></table><img src="https://s-media-cache-ak0.pinimg.com/736x/08/6e/ed/086eed0040944f39be7f87cd10579a42.jpg" style="width:220px; margin-left:100px;margin-top:5px;">

    <table><tr><td><img src="http://68.media.tumblr.com/f599c16ba0c86b9ab55d7a9bd700c3ec/tumblr_inline_mtnyu3o1Sh1rnruf5.png" style="border: #fff solid 3px; border-radius: 5px; height:50px; width: 50px;margin-left:30px;"></td><td><div style="height:50px;font-family:'Open Sans Condensed', sans-serif;margin-left:5px;margin-right:60px;margin-top:-10px;"><table><tr><td><div style="font-size:14px; color:#000;font-family:'Open Sans Condensed', sans-serif;">Prénom Nom</div></td><td> <table><tr><td><div style="font-size:12px; font-family:'Open Sans Condensed', sans-serif;">@pseudo </td><td><div style="margin-left:42px;font-family:'Open Sans Condensed', sans-serif;">• 00/00/00 <img src="https://i.imgbox.com/cMPGrlKn.png" style="margin-top:2px; margin-left:5px;"></div></td></tr></table></td></tr></table>un truc je sais pas qui décrit ce que tu as foutu en dessous, pas trop long, i don't know quoi mettre.</td></tr></table>

    </div><img src="https://redcdn.net/hpimg4/pics/568560twitter.png"></center>

Tweet



Prénom Nom
@pseudo
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Traduire depuis : langue

00/00/00 00h00

000 RETWEETS
000 J'AIME


Prénom Nom
en réponse à @tonpseudo
@pseudo
• 00/00/00
le commentaire d'une personne

Prénom Nom
en réponse à @tonpseudo
@pseudo
• 00/00/00
le commentaire d'une personne




Code:
    <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet"> <center><div style="background-color:#fff; height:auto; width: 400px;text-align:justify;"><img src="https://i.imgbox.com/GOp1q7sh.png">
    <table><tr><td><img src="http://68.media.tumblr.com/f599c16ba0c86b9ab55d7a9bd700c3ec/tumblr_inline_mtnyu3o1Sh1rnruf5.png" style="border: #fff solid 3px; border-radius: 5px; height:50px; width: 50px;margin-left:20px;float:top;"></td><td><div style="height:50px;font-family:'Open Sans Condensed', sans-serif;margin-left:5px;margin-right:30px;margin-top:-10px;"><table><tr><td><div style="font-size:14px; color:#000;font-family:'Open Sans Condensed', sans-serif;">Prénom Nom</div></td><td><img src="https://i.imgbox.com/cMPGrlKn.png" style="margin-top:2px; margin-left:5px;"></div></td></tr></table><div style="font-size:12px; font-family:'Open Sans Condensed', sans-serif;margin-top:-10px;">@pseudo </div></td></tr></table>
    <div style="font-family:'Open Sans Condensed', sans-serif;font-size:18px;color:#000;text-align:justify;margin-left:90px;margin-top:-20px;margin-right:40px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </div>
    <div style="font-family:'Open Sans Condensed', sans-serif;float:left;margin-left:90px;color:#22A2F2">Traduire depuis : langue</div><br><div style="font-family:'Open Sans Condensed', sans-serif;float:left;margin-left:90px;">00/00/00 00h00</div>
    <div style="background-color:#F5F7F8; height:2px; width:400px;"></div><table><tr><td><div style="font-family:'Open Sans Condensed', sans-serif;font-size: 14px;margin-left:88px;margin-top:5px;margin-bottom:5px;">[b][color=#000000]000[/color][/b] RETWEETS</div></td><td><div style="font-family:'Open Sans Condensed', sans-serif;font-size: 14px;margin-left:10px;margin-bottom:5px;margin-top:5px;">[b][color=#000000]000[/color][/b] J'AIME</div></td></tr></table><img src="https://i.imgbox.com/EpWglo9Y.png">

    </div><div style="height:120px; width:400px; overflow:auto;background-color:#fff;"><table><tr><td><img src="http://68.media.tumblr.com/f599c16ba0c86b9ab55d7a9bd700c3ec/tumblr_inline_mtnyu3o1Sh1rnruf5.png" style="border: #fff solid 3px; border-radius: 5px; height:50px; width: 50px;margin-left:20px;"></td><td><div style="height:50px;font-family:'Open Sans Condensed', sans-serif;margin-left:5px;margin-right:30px;margin-top:-10px;"><table><tr><td><div style="font-size:14px; color:#000;font-family:'Open Sans Condensed', sans-serif;">Prénom Nom</div><div style="font-size:12px; font-family:'Open Sans Condensed', sans-serif;">en réponse à [color=#22A2F2]@tonpseudo[/color]</div></td><td> <table><tr><td><div style="font-size:12px; font-family:'Open Sans Condensed', sans-serif;margin-top:-15px;margin-left:-45px;">@pseudo </td><td><div style="margin-left:75px;font-family:'Open Sans Condensed', sans-serif;margin-top:-15px;">• 00/00/00 <img src="https://i.imgbox.com/cMPGrlKn.png" style="margin-top:2px; margin-left:5px;"></div></td></tr></table></td></tr></table>
    <div style="font-family:'Open Sans Condensed', sans-serif;font-size:13px;color:#000">le commentaire d'une personne</div></td></tr></table>
    <br><table><tr><td><img src="http://68.media.tumblr.com/f599c16ba0c86b9ab55d7a9bd700c3ec/tumblr_inline_mtnyu3o1Sh1rnruf5.png" style="border: #fff solid 3px; border-radius: 5px; height:50px; width: 50px;margin-left:20px;"></td><td><div style="height:50px;font-family:'Open Sans Condensed', sans-serif;margin-left:5px;margin-right:30px;margin-top:-10px;"><table><tr><td><div style="font-size:14px; color:#000;font-family:'Open Sans Condensed', sans-serif;">Prénom Nom</div><div style="font-size:12px; font-family:'Open Sans Condensed', sans-serif;">en réponse à [color=#22A2F2]@tonpseudo[/color]</div></td><td> <table><tr><td><div style="font-size:12px; font-family:'Open Sans Condensed', sans-serif;margin-top:-15px;margin-left:-45px;">@pseudo </td><td><div style="margin-left:75px;font-family:'Open Sans Condensed', sans-serif;margin-top:-15px;">• 00/00/00 <img src="https://i.imgbox.com/cMPGrlKn.png" style="margin-top:2px; margin-left:5px;"></div></td></tr></table></td></tr></table>
    <div style="font-family:'Open Sans Condensed', sans-serif;font-size:13px;color:#000">le commentaire d'une personne</div></td></tr></table><br></div><img src="https://img4.hostingpics.net/pics/568560twitter.png">
    </div>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur



Contenu sponsorisé



MessageSujet: Re: Instagram, Facebook, Twitter,...Fonctionnement et Modèles   

Revenir en haut Aller en bas
 
Instagram, Facebook, Twitter,...Fonctionnement et Modèles
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Lettre ouverte d'une dame sur facebook qui ne veut pas supporter mme Manigat
» liaison facebook et lunette de soleil
» Liens Facebook
» Faceploucs, ou comment rendre Facebook intéressant
» MR. HRM Ҩ je vous déclare maintenant mari et femme, vous pouvez actualiser vos statuts facebook.

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Atlantic City :: Arrivée en ville :: Communications :: Internet-
Sauter vers: