Admin messages : 78 pseudo : wink avatar : billy porter autres comptes : / sanity meter : |  Mar 13 Aoû - 1:59 Monsieur Abraham CHIRPER Tout le monde connaît le réseau social Chirper. Pour ouvrir un compte à ton personnage, il suffit de créer un nouveau sujet titré ainsi : nom prénom - @pseudo et d'utiliser un des modèles proposés ci-dessous ou un de ton choix.
- Profil:
- 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'><style>.twitter-outer { width: 310px; padding: 20px; background-color: #f8f8f8; border: 1px solid #eee }.twitter-bar { background-color: #82c4e3; 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><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">First Last</div><div class="twitter-user">@username</div>twitter bio goes here<div class="twitter-ratio">Location <a href="you don't have to put a real link here">website url</a></div><div class="twitter-ratio"><b>###</b> FOLLOWING <div style="display: inline-block; width: 30px"></div> <b>###</b> FOLLOWERS</div></div></div></div></center>
- Nouveau 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' ><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><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">First Last</div><div class="tweet-user">@username</div></td></tr></table><div class="tweet-text">tweet here keep it short <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>
|
|
Accueil 
