Cette action affiche la timeline Tweeter.
Merci à Pascal (ConseilGouz) d'avoir proposé et écrit cette action
{up tweeter-timeline=} voir : dev.twitter.com/web/embedded-timelines/parameters
- tweeter_timeline: tweet id
Paramétres pour API tweeter
- theme: light ou dark
- link-color: couleur des liens en hexa
- border-color: couleur des bordures en hexa
- height (h,hauteur) = 400: hauteur
- width (l,largeur,w): largeur
- tweet-limit: nombre maxi de tweet, sinon indéfini
- chrome: noheader nofooter noborders transparent noscrollbar
- lang = fr: code langage
Style CSS
- id: identifiant
- style: classes et style inline bloc parent
- class: classe bloc parent (obsolète)
Sauf demande massive des utilisateurs de UP, cette action sera en service minimum : affichage d'un bouton pour ouvrir le fil sur le site de X
La version simple
{up tweeter-timeline=joomlafuj}La version minimale du shortcode nécessite uniquement l'identifiant du fil. Elle d'adapte à la largeur du bloc parent. Pour la démo, le bloc est entouré d'un filet gris.
Par défaut, une icône X suivi de suivre et du nom du fil est affiché.
Vous pouvez personnaliser le lien dans le contenu entre les shortcodes
{up tweeter-timeline=joomlafuj}{up icon=fab fa-square-x-twitter, 48px} Suivre le fil de l'AFUJ sur x.com
{/up tweeter-timeline}
Avec quelques paramètres ...
{up tweeter-timeline=joomlafuj}La version minimale du shortcode nécessite uniquement l'identifiant du fil
{up tweeter-timeline=joomlafuj
|chrome = noheader,nofooter,
noborders,noscrollbar,
transparent
| style=background-color:Khaki
| link-color=#F00}Pour cette version, les liens sont mis en rouge et l'entête, le pied, les bordures, l'ascenseur sont supprimés. Le fond est transparent afin de voir la couleur de fond du bloc parent.
{up tweeter=joomlafuj
|chrome = noheader,nofooter
| height=200
| theme=dark}Un exemple avec le thème foncé (dark). La hauteur est de 200px sans entête ni pied.
Attention : Tweeter insère des cookies sur le poste de l'internaute. Vous devez prévenir les utilisateurs et le gérer dans vos conditions d'utilisation.
upactionslist (1) div (2) tweeter-timeline (5) flexauto (1) icon (1) jcontent-info (1)