Forum City en Espagne, à Barcelone sur les Addictions, tentations de toutes sortes : amoureuses, amicales, familiales, sportives et autres...
 

 :: Arrivée à Barcelone :: Gestion du Personnage :: Communications :: Réseaux Sociaux Voir le sujet précédent Voir le sujet suivant Aller en bas
Fonctionnement et Modèles
avatar
Messages : 64
Date d'inscription : 09/09/2018
Age : 98
Adresse : Partout sur le forum
Métier : Fondateur du forum
Admin
Réseaux Sociaux


      De nos jours, qui n'est pas sur au moins un réseau social (que ce soit Facebook, Whatsapp, Twitter, Instagram,... ? Certes, cela arrive mais ça reste assez rare malgré tout. Donc voici ci-dessous quelques modèles de Réseau Social. Vous pouvez prendre celui que vous voulez mais à raison d'un seul par personnage. Le titre de votre sujet devra être ainsi
Code:
Prénom Nom (Nom du Réseau social choisi)
 

     
Codage par Maelys sur Le Codage du Cinéma
Mer 24 Oct - 15:27
Voir le profil de l'utilisateur http://addictedtoyou.forumactif.com
Revenir en haut Aller en bas
avatar
Messages : 64
Date d'inscription : 09/09/2018
Age : 98
Adresse : Partout sur le forum
Métier : Fondateur du forum
Admin

Instagram

1er post

Spoiler:
 

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

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

Spoiler:
 

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]
Mer 24 Oct - 15:30
Voir le profil de l'utilisateur http://addictedtoyou.forumactif.com
Revenir en haut Aller en bas
avatar
Messages : 64
Date d'inscription : 09/09/2018
Age : 98
Adresse : Partout sur le forum
Métier : Fondateur du forum
Admin

Twitter

Premier post

Spoiler:
 

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://img4.hostingpics.net/pics/568560twitter.png"></center>

Posts suivants

Spoiler:
 
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>
Mer 24 Oct - 15:32
Voir le profil de l'utilisateur http://addictedtoyou.forumactif.com
Revenir en haut Aller en bas
avatar
Messages : 64
Date d'inscription : 09/09/2018
Age : 98
Adresse : Partout sur le forum
Métier : Fondateur du forum
Admin

Whatsapp

Spoiler:
 
Code:
    <img src="VOTRE AVATAR WHATSAPP (Image carrée)" class="whapp"><div style="width:300px;height:auto;text-align:justify;margin-left:70px"><div style="width:280px;height:auto;color: black; font-family: calibri; font-size: 10px; letter-spacing: 1px;padding:10px;background-color: #99cc33;border-radius: 10px;">[b][color=COULEUR DU PSEUDO]VOTRE PSEUDO ICI :[/color][/b]
    VOTRE MESSAGE ICI </div></div>
    <style>.whapp{width:50px;float:left;padding:3px;margin:3px;border:1px solid black}</style>
Mer 24 Oct - 15:33
Voir le profil de l'utilisateur http://addictedtoyou.forumactif.com
Revenir en haut Aller en bas
avatar
Messages : 64
Date d'inscription : 09/09/2018
Age : 98
Adresse : Partout sur le forum
Métier : Fondateur du forum
Admin

Facebook

Premier post :  le profil

Spoiler:
 
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://i.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://i.servimg.com/u/f78/13/73/91/76/icon10.jpg" class="IMGVrac" />    <img id="IMAGE RANG 1 NUMERO 2" src="https://i.servimg.com/u/f78/13/73/91/76/icon10.jpg" class="IMGVrac" />    <img id="IMAGE RANG 1 NUMERO 3" src="https://i.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://i.servimg.com/u/f78/13/73/91/76/icon10.jpg" class="IMGVrac" />    <img id="IMAGE RANG 2 NUMERO 2" src="https://i.servimg.com/u/f78/13/73/91/76/icon10.jpg" class="IMGVrac" />    <img id="IMAGE RANG 2 NUMERO 3" src="https://i.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://i.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://i.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://i.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>

Changement de photo de couverture

Spoiler:
 
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:288px;"><img src="https://i.servimg.com/u/f62/13/73/91/76/couver10.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 cover photo</span> <span style="position:absolute;top:16px;left:0px;font-weight:light;font-size:12px;color:#a7a7a7;">Date</span></div><!-- IMAGE DE COUVERTURE ; dimension 502x185 --><div id="couverture event" style="position:absolute;top:67px;left:4px;width:502px;height:185px;background-image:url(https://blog.soul.city/wp-content/uploads/2016/10/marche-noel-strasbourg-soul.city_-1024x682.jpg)"></div></div></center>

Ajout d'une photo

Spoiler:
 

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>

Nouveau post - Raconte ta vie

Spoiler:
 

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>
Mer 24 Oct - 15:37
Voir le profil de l'utilisateur http://addictedtoyou.forumactif.com
Revenir en haut Aller en bas
Contenu sponsorisé
Revenir en haut Aller en bas
Sauter vers: