• TWITTER • Explications et codes



 
AccueilAccueil  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | .
 

 • TWITTER • Explications et codes

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
avatar
Voir le profil de l'utilisateur
friendship never ends


Ceci est le compte fondateur, merci de ne pas le mp. Si besoin, contacter un membre du staff.

• INSCRIS LE : 01/03/2017
• MESSAGE : 3636 • POINTS : 19574
• CÉLÉBRITÉ : Aucune
• CRÉDITS : Farabriver
MessageSujet: • TWITTER • Explications et codes
Mar 21 Mar 2017 - 21:07


votre page twitter
parce que les oiseaux bleus, c'est la classe !

Cette section n'est nullement obligatoire, mais elle peut apporter un petit plus à votre personnage.

Pour se faire, vous devez ouvrir un nouveau sujet sur le modèle suivant:
Code:
NOM PRENOM ♦ vous suggère de la/le suivre


Postez dans votre premier message le code suivant, en prenant bien entendu le temps de le personnaliser à l'image de votre personnage. Puisqu'il servira de page de démarrage à votre sujet.

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></br></br>
<div class="btntwt"></div>
</div></div></center>

Exemple:
Spoiler:
 

Lorsque vous voulez afficher d'autres tweets de votre personnage - oui, parce que ça arrive ! Ne se voilons pas la face - Vous n'avez que prendre ce joli petit code et répondre dans votre sujet ! - Je vous avez dit que cela serait une jeu d'enfant, non ?


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>
</br>
        <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>

Exemple:
Spoiler:
 

Et pour finir et que tout cela soit interactif avec les autres membres et personnages, le code pour les commentaires des personnes qui passeraient par votre page et même pour le propriétaire de la page afin qu'il puisse commenter les commentaires - Oulà, j'en ai trop demandé à mon cerveau - Mais je suis certaine que vous avez compris ! - Sinon tant pis pour vous !

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>
</br>
<div class="septwt3"></div>
<div class="bastwt3"></div></div></div></center>

Exemple:
Spoiler:
 

les règles à retenir
Un sujet par personnage - Les nouveaux postes uniquement par le propriétaire de la page sauf commentaires sur les tweets - Pas de flood (sans code) - Si vous souhaitez archiver votre sujet, mentionnez le dans le titre de votre sujet en description. On viendra nettoyer lors d'une MAJ


Revenir en haut Aller en bas
 

• TWITTER • Explications et codes

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

 Sujets similaires

-
» • TEXTOS • Explications et codes
» • INSTAGRAM • Explications et codes
» Topic des QR Codes de ROSA!
» Plus d'explications à propos de Zer.
» C'est le temps des explications... (Hope et Warren ♥)

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Bang Bang Vancouver :: Communications :: reseaux sociaux :: twitter-