- codes en libre service

Mar 17 Mar - 21:57

pourquoi vous êtes tous des amours ?

Liu, cet ange, nous as prêté un code en libre service pour twitter.
Merci évidement, de ne pas retirer les crédits.
(et de lui faire des bisous)

Liu a écrit:

précisions :

- les icon rondes se redimensionnent toutes seules donc si elles sont un peu plus grande c'est pas très grave
- par contre la bannière 500x200 ne se redimensionne pas pas automatiquement !!

- si vous avez envie de mettre une icon à côté de votre pseudo (si vous avez un compte vérifié ou privé) : les icons sont
pour un compte privé :

Code:: <i class="fas fa-lock" style="color:#000;"></i>

pour un compte vérifié :

Code:: <i class="fas fa-check-circle"></i>

à c/c à côté de name here

pour ceux qui auraient du mal à se repérer dans les codes, cette partie du code correspond à un tweet :

Code:: <div class="tw_tweet"><table><td valign="top"><img src="https://via.placeholder.com/100x100" class="tweet_icon"></td><td><Tname>name here</Tname> <tm>@usename day month</tm>
TEXTE ICI bla bla bla <a>#hashtag</a> <a>@machin</a>

<div class="tweet_i"><i class="far fa-comment"></i>0 <i class="fas fa-retweet"></i>00 <i class="fas fa-heart"></i>00</div></td></table></div>

en gros dès qu'une balise tw_tweet commence c'est un nouveau tweet et vous pouvez c/c ce code à la suite d'un tweet si vous voulez en rajouter un

Mar 17 Mar - 22:00

your name

15,6 k tweets

follow

name here
@username

your twitter bio bla bla

location birthday

000 following 000 followers

name here @usename day month
TEXTE ICI bla bla bla #hashtag @machin

0 00 00

name here @usename day month
TEXTE look at this

0 00 00

name here @usename day month
TEXTE ICI bla bla bla #hashtag @machin

name quote @username
TEXTE bla bla bla

0 00 00

Code:: <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.1/css/all.css"><link href="https://fonts.googleapis.com/css?family=Roboto:400,900&display=swap" rel="stylesheet">
<div align="center"><div class="tw_main"><div class="twi_haut"><i class="fas fa-arrow-left"></i><a>your name</a>
<div class="twi_nb">15,6 k tweets</div></div><div class="twi_header" style="background:url(https://via.placeholder.com/500x200)"></div>
<img src="https://via.placeholder.com/130x130" class="twi_profilpic"><div class="twi_icons"><i class="fas fa-ellipsis-h"></i> <i class="far fa-envelope"></i> <i class="far fa-bell"></i> <a href="https://codepen.io/freakyhoney" target="_blank">follow</a></div>
<div class="twi_name">name here <i class="fas fa-check-circle"></i>
<span class="twi_user">@username</span></div>
<div class="twi_bio">your twitter bio bla bla</div>
<div class="twi_info"><i class="fas fa-map-marker-alt"></i> location <i class="fas fa-birthday-cake"></i> birthday</div>
<div class="twi_stat"><b>000</b> following <b>000</b> followers</div>
<div class="tw_tweet"><table><td valign="top"><img src="https://via.placeholder.com/100x100" class="tweet_icon"></td><td><Tname>name here</Tname> <tm>@usename day month</tm>
TEXTE ICI bla bla bla <a>#hashtag</a> <a>@machin</a>

<div class="tweet_i"><i class="far fa-comment"></i>0 <i class="fas fa-retweet"></i>00 <i class="fas fa-heart"></i>00</div></td></table></div><div class="tw_tweet"><table><td valign="top"><img src="https://via.placeholder.com/100x100" class="tweet_icon"></td><td><Tname>name here</Tname> <tm>@usename day month</tm>
TEXTE look at this
<img src="https://via.placeholder.com/400x200" class="tw_img">

<div class="tweet_i"><i class="far fa-comment"></i>0 <i class="fas fa-retweet"></i>00 <i class="fas fa-heart"></i>00</div></td></table></div><div class="tw_tweet"><table><td valign="top"><img src="https://via.placeholder.com/100x100" class="tweet_icon"></td><td><Tname>name here</Tname> <tm>@usename day month</tm>
TEXTE ICI bla bla bla <a>#hashtag</a> <a>@machin</a>
<div class="tw_quote"><qname>name quote</qname> <qlf>@username</qlf>
TEXTE bla bla bla</div>
<div class="tweet_i"><i class="far fa-comment"></i>0 <i class="fas fa-retweet"></i>00 <i class="fas fa-heart"></i>00</div></td></table></div></div></div>

Mar 17 Mar - 22:01

name here @usename day month
TEXTE ICI bla bla bla #hashtag @machin

0 00 00

name here @usename day month
Lorem ipsum dolor sit amet, consectetur adipisicing 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.
#hashtag @machin

0 00 00

freak

Code:: <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.1/css/all.css"><link href="https://fonts.googleapis.com/css?family=Roboto:400,900&display=swap" rel="stylesheet">
<div align="center"><div class="tweet_box">
<div class="tw_tweet"><table><td valign="top"><img src="https://via.placeholder.com/100x100" class="tweet_icon"></td><td><Tname>name here</Tname> <tm>@usename day month</tm>
TEXTE ICI bla bla bla <a>#hashtag</a> <a>@machin</a>

<div class="tweet_i"><i class="far fa-comment"></i>0 <i class="fas fa-retweet"></i>00 <i class="fas fa-heart"></i>00</div></td></table></div>
<div class="tw_tweet"><table><td valign="top"><img src="https://via.placeholder.com/100x100" class="tweet_icon"></td><td><Tname>name here</Tname> <tm>@usename day month</tm>
Lorem ipsum dolor sit amet, consectetur adipisicing 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.
<a>#hashtag</a> <a>@machin</a>

<div class="tweet_i"><i class="far fa-comment"></i>0 <i class="fas fa-retweet"></i>00 <i class="fas fa-heart"></i>00</div></td></table></div></div><div class="tw_credit"><a href="https://codepen.io/freakyhoney">freak</a></div></div>

name here @usename day month
TEXTE ICI bla bla bla #hashtag @machin

name quote @username
TEXTE bla bla bla

0 00 00

freak

Code:: <div align="center"><div class="tweet_box">
<div class="tw_tweet"><table><td valign="top"><img src="https://via.placeholder.com/100x100" class="tweet_icon"></td><td><Tname>name here</Tname> <tm>@usename day month</tm>
TEXTE ICI bla bla bla <a>#hashtag</a> <a>@machin</a>
<div class="tw_quote"><qname>name quote</qname> <qlf>@username</qlf>
TEXTE bla bla bla</div>
<div class="tweet_i"><i class="far fa-comment"></i>0 <i class="fas fa-retweet"></i>00 <i class="fas fa-heart"></i>00</div></td></table></div></div><div class="tw_credit"><a href="https://codepen.io/freakyhoney">freak</a></div></div>

name here @usename day month
TEXTE look at this

0 00 00

name here @usename day month
TEXTE look at this

0 00 00

freak

Code:: <div align="center"><div class="tweet_box">
<div class="tw_tweet"><table><td valign="top"><img src="https://via.placeholder.com/100x100" class="tweet_icon"></td><td><Tname>name here</Tname> <tm>@usename day month</tm>
TEXTE look at this
<img src="https://via.placeholder.com/400x200" class="tw_img">

<div class="tweet_i"><i class="far fa-comment"></i>0 <i class="fas fa-retweet"></i>00 <i class="fas fa-heart"></i>00</div></td></table></div>
<div class="tw_tweet"><table><td valign="top"><img src="https://via.placeholder.com/100x100" class="tweet_icon"></td><td><Tname>name here</Tname> <tm>@usename day month</tm>
TEXTE look at this
<img src="https://via.placeholder.com/200x200" class="tw_img2"> <img src="https://via.placeholder.com/200x200" class="tw_img2" style="border-radius: 0% 10% 10% 0%;">

<div class="tweet_i"><i class="far fa-comment"></i>0 <i class="fas fa-retweet"></i>00 <i class="fas fa-heart"></i>00</div></td></table></div></div><div class="tw_credit"><a href="https://codepen.io/freakyhoney">freak</a></div></div>

name here @usename day month
Lorem ipsum dolor sit amet, consectetur adipisicing 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.
#hashtag @machin

0 00 00

name here @usename day month
REPONSE ICI

0 00 00

freak

Code:: <div align="center"><div class="tweet_box">
<div class="tw_tweet"><table><td valign="top"><img src="https://via.placeholder.com/100x100" class="tweet_icon"></td><td><Tname>name here</Tname> <tm>@usename day month</tm>
Lorem ipsum dolor sit amet, consectetur adipisicing 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.
<a>#hashtag</a> <a>@machin</a>

<div class="tweet_i"><i class="far fa-comment"></i>0 <i class="fas fa-retweet"></i>00 <i class="fas fa-heart"></i>00</div></td></table>
<table><td valign="top"><div class="tw_rep"><img src="https://via.placeholder.com/100x100" class="tweet_icon2">
<i class="fas fa-reply"></i></div></td><td valign="top"><Tname>name here</Tname> <tm>@usename day month</tm>
REPONSE ICI

<div class="tweet_i"><i class="far fa-comment"></i>0 <i class="fas fa-retweet"></i>00 <i class="fas fa-heart"></i>00</div></td></table></div></div><div class="tw_credit"><a href="https://codepen.io/freakyhoney">freak</a></div></div>