six lovers
-20%
Le deal à ne pas rater :
-20% Récupérateur à eau mural 300 litres (Anthracite)
79 € 99 €
Voir le deal

Voir le sujet précédent Voir le sujet suivant Aller en bas
✗ < explications/modèle > - twitter
The Lust Soul
Admin
The Lust Soul
MESSAGES : 75
Dim 27 Oct - 18:57

< explications/modèle > -


A côté d'Instagram, Twitter a aussi gagné en popularité au fil des années. Aujourd'hui, beaucoup ne jurent que par lui pour publier ce dont il en a envie pour, qu'en retour, il reçoit en instantané les commentaires de ses followers par le biais de tweet.

Fonctionnement Pour cette catégorie, ton titre de sujet devra être composé comme suit:
✗ < twitter de @username >  

Le premier message de ton sujet sera habillé du profil twitter que tu trouveras ci-dessous.

Le second sera composé par le tweet que tu trouveras dessous.
De même, tu pourras utiliser le même formulaire pour le tweet lorsque tu voudras "tweeter" auprès d'un de tes following.
credits merci à kie pour avoir réalisé ce twitter!


< formulaire > - profil twitter


Code:
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Muli:300,400' rel='stylesheet' type='text/css'>
<center><div class="twitter-outer"><div class="twitter-profile"><a href="http://wecode.jcink.net/index.php?showuser=66"><div class="twitter-bar">
<i class="fa fa-twitter"></i></div></a><div class="twitter-header"></div><div class="twitter-top"><div class="twitter-icon"><img src="100x100 icon here" style="border-radius: 5px; width: 60px; height: 60px"></div><table><tr><td><div class="cog"><i class="fa fa-cog"></i></div></td><td><div class="twitter-button"><i class="fa fa-user"></i><div class="check"><i class="fa fa-check"></i></div> Following</div></td></tr></table></div>
<div class="twitter-desc"><div class="twitter-title">Prénom Nom</div><div class="twitter-user">@username</div>en une phrase, une petite citation<div class="twitter-ratio">Location <a href="inutile de mettre un vrai lien ici">website url</a></div>
<div class="twitter-ratio"><b>###</b> ABONNEMENTS <div style="display: inline-block; width: 30px"></div> <b>###</b> ABONNES</div></div></div></div></center>

<style>.twitter-outer { width: 310px; padding: 20px; background-color: #f8f8f8; border: 1px solid #eee }.twitter-bar { background-color: #82c4e3; width:310px;padding: 10px; font-size: 13px; color: #fff; text-align: center }.twitter-profile { width: 300px; padding: 5px; background-color: #fff; border: 1px solid #f2f2f2 }.twitter-header { background-image:url(https://31.media.tumblr.com/058951ab5e115bb3f1f126e4e356771c/tumblr_inline_n1goh7v25f1rb8cd2.png);background-color: #0084B4; width: 300px; height: 80px; background-size: 300px 120px }.twitter-icon { position: relative; left: -105px; top: -35px; background-color: #fff; width: 60px; height: 60px; padding: 3px; border-radius: 5px }.twitter-top { background-color: #fff; height: 17px; padding: 10px }.twitter-button { position: relative; top: -70px; right: -100px; background-color: #81bced; padding-left: 5px; padding-right: 5px; border-radius: 5px; color: #fff; font-family: arial; font-weight: bold; font-size: 10px }.cog { position: relative; right: -100px; top: -68px; color: #6a6a6a; font-size: 12px}.check { position: relative; top: -3px; display: inline; font-size: 7px }.twitter-desc { background-color: #fff; padding: 10px; font-size: 11px; color: #585858; font-family: muli; text-align: left; line-height: 110% }.twitter-title { padding-top: 3px; font-size: 13px; font-weight: bold }.twitter-user { font-size: 10px; color: #a7a7a7; padding-bottom: 3px }.twitter-ratio { padding-top: 3px; font-size: 10px; color: #a7a7a7; }.twitter-ratio a { color: #81bced; text-decoration: none; font-size: 11px }.twitter-ratio b { color: #585858 }</style>


< formulaire > - poster un tweet


Code:
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Muli:300,400' rel='stylesheet' type='text/css'>
<center><div class="tweet-outer"><div class="twitter-tweet"><table><tr><td><div class="tweet-icon"><img src="100x100 icon" style="width: 40px; height: 40px; border-radius: 5px"></div></td><td><div class="tweet-title">Prénom Nom</div><div class="tweet-user">@username</div></td></tr></table><div class="tweet-text">ici, tu mettras un tweet court<a href="">#thisisahastag</a><a href="http://wecode.jcink.net/index.php?showuser=66"><div class="tweet-date">mm/dd/yyyy ##:##</div></a></div><div class="tweet-icons"><table><tr><td><div style="width: 30px"></div></td><td><i class="fa fa-reply"></i></td><td><div style="width: 50px"></div></td><td><i class="fa fa-retweet"></i></td><td><div style="width: 50px"></div></td> <td><i class="fa fa-star"></i></td><td><div style="width: 50px"></div></td><td><i class="fa fa-ellipsis-h"></i></td></tr></table></div></div></div></center>

<style>.tweet-outer { width: 310px; padding: 20px; background-color: #f8f8f8; border: 1px solid #eee }.twitter-tweet { background-color: #fff; border: 1px solid #f2f2f2; padding: 5px }.tweet-title { position: relative; top: -5px; left: -75px; font-family: muli; color: #585858; display: inline; padding-top: 3px; font-size: 11px; font-weight: bold }.tweet-user { position: relative; left: -75px; top: -10px; font-size: 9px; color: #a7a7a7; padding-bottom: 3px }.tweet-icon { position: relative; left: -80px; background-color: #fff; border-radius: 5px; width: 40px; height: 40px; padding: 5px }.tweet-verified { color: #82c4e3; font-size: 12px; display: inline }.tweet-verified-2 { color: #fff; font-size: 6px; position: relative; top: -10px; left: 71px }.tweet-text { padding: 10px; font-size: 13px; font-family: muli;  line-height: 110%; text-align: left; color: #585858 }.tweet-text a { color: #82c4e3; text-decoration: none }.tweet-date { color: #a7a7a7; font-family: muli; font-size: 8px }.tweet-icons { border-top: 1px solid #f2f2f2; padding: 10px; font-size: 13px; color: #a7a7a7; text-align: center }</style>
The Lust Soul
https://san-private-valley.forumactif.com
Revenir en haut Aller en bas
Voir le sujet précédent Voir le sujet suivant Revenir en haut Page 1 sur 1
Sauter vers: