Modèle Instagram & Twitter

 :: Gestion des Personnages :: Internet Voir le sujet précédent Voir le sujet suivant Aller en bas
Jeu 19 Oct - 21:55
Admin
avatar
Messages : 92
Date d'inscription : 26/09/2017
Localisation : Inconnue
Emploi : Directeur de l'institut

Inventaire
In my pocket:
Voir le profil de l'utilisateur http://snk-highschool.forumactif.com



Attention, ce sujet n'est absolument pas obligatoire

Ici tu trouveras différents codes deux codes (Instagram et Twitter), tu peux choisir d'en prendre seulement un des deux ou même de t'abstenir totalement, nous mettons ça à disposition si tu veux t'amuser à créer une "vie en ligne" à ton personnage !
Si tu choisis de créer un "sujet internet" pour ton personnage veilles à mettre comme titre.


Prénom Nom du personnage - Titre de ton sujet


Ci-dessous tu trouveras un aperçu des différents codes. Amuses toi !
(Tu peux aussi jeter un oeil à mon sujet => ♥️ )


INSTAGRAM :

Recadrer une image en rond pour le profil => ICI

Pour les 6 photos, tu peux soit les recadrer pour qu'elles soient toutes à la même taille avant de poster l'URL dans le code, ou mettre directement l'URL et ajuster ça comme tu le souhaites.

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 DE TON PERSO</div></div><div style="background:#FAFAFA; width:400px; height:400px;padding: 10px; text-align: justify;"><img src="URL DE TA PHOTO DE PROFIL" 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]NOMBRE DE PUBLICATIONS[/b] publications</div></td><td><div style="font-family:'Open Sans Condensed';font-size: 16px; margin-left: 10px;text-align:center;">[b]NOMBRE D’ABONNÉS[/b] abonnés</div></td><td><div style="font-family:'Open Sans Condensed'; font-size: 16px; margin-left: 10px;text-align:center;">[b]NOMBRE DE PERSONNES SUIVIES[/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]TON PSEUDO[/b] › </div> </td><td><div style="font-family:'Open Sans Condensed'; font-size: 12px;">UNE DESCRIPTION</div></td></tr></table>
<br><br><br><center><img src="URL DE L'IMAGE" style="height:120px; float: left; border-radius: 5px; margin-left: 10px;"><img src="URL DE L'IMAGE" style="height:120px; float: left; border-radius: 5px; margin-left: 10px;"><img src="URL DE L'IMAGE" style="height:120px; float: left; border-radius: 5px; margin-left: 10px;">

<img src="URL DE L'IMAGE" style="height:120px; float: left; border-radius: 5px; margin-left: 10px;margin-top: 15px;"><img src="URL DE L'IMAGE" style="height:120px; float: left; border-radius: 5px; margin-left: 10px;margin-top:15px;"><img src="URL DE L'IMAGE" 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>


INSTAGRAM POST :
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="URL DE LA PHOTO POSTÉE" style="height: 250px; width:250px;"><td><div style="width:150px; height: 230px;margin-left:2px;"><table><tr><td><img src="URL DE TA PHOTO DE PROFIL" 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;">NOMBRE DE JOURS DEPUIS LA PUBLICATION (1h, 1j etc)</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]TON 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>

TWITTER :
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="http://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>


TWITTER POST :
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 ( ex : 12:36 - 05 Jan 2017)</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>


Revenir en haut Aller en bas
Jeu 19 Oct - 23:10
Admin
avatar
Messages : 92
Date d'inscription : 26/09/2017
Localisation : Inconnue
Emploi : Directeur de l'institut

Inventaire
In my pocket:
Voir le profil de l'utilisateur http://snk-highschool.forumactif.com
INSTAGRAM :

SeaQueen
147 publications
175 abonnés
250 suivis
SeaQueen
just little things...







Revenir en haut Aller en bas
Jeu 19 Oct - 23:22
Admin
avatar
Messages : 92
Date d'inscription : 26/09/2017
Localisation : Inconnue
Emploi : Directeur de l'institut

Inventaire
In my pocket:
Voir le profil de l'utilisateur http://snk-highschool.forumactif.com
INSTAGRAM POST :

pseudo
SeaQueen
093 J'aime
1j
SeaQueen
 Underwater ♪


écrire un commentaire...

Revenir en haut Aller en bas
Ven 20 Oct - 0:10
Admin
avatar
Messages : 92
Date d'inscription : 26/09/2017
Localisation : Inconnue
Emploi : Directeur de l'institut

Inventaire
In my pocket:
Voir le profil de l'utilisateur http://snk-highschool.forumactif.com
Twitter :



Space Boy

@SpaceBoy

A long time ago in a galaxy far, far away...

53 Abonnements28 abonnés

Space boy @Spaceboy
20 h

To infinity and beyond ~


Space Boy @Spaceboy
20 h

Live long and prosper

Revenir en haut Aller en bas
Ven 20 Oct - 0:15
Admin
avatar
Messages : 92
Date d'inscription : 26/09/2017
Localisation : Inconnue
Emploi : Directeur de l'institut

Inventaire
In my pocket:
Voir le profil de l'utilisateur http://snk-highschool.forumactif.com
TWITTER POST :




Space Boy

@Spaceboy

Space : the final frontier. These are the voyages of the starship Enterprise. Its continuing mission: to explore strange new worlds, to seek out new life and new civilizations, to boldly go where no one has gone before.




23:47 - 07 Nov 2017



539 Retweets1 148 j'aime
Revenir en haut Aller en bas
Contenu sponsorisé
Revenir en haut Aller en bas
Page 1 sur 1

Sauter vers :
Vous ne pouvez pas répondre aux sujets dans ce forum
SNK ♦ High School :: Gestion des Personnages :: Internet-