LudoScience

Comment personnaliser le widget TwitterDamien Djaouti | 17-01-2012 | 18:53

Parmis les nombreuses fonctionnalités offertes par Twitter, une qui est très sympathique est la possibilité d'afficher ses derniers tweets sur un blog. Pour cela, il suffit d'utiliser le widget officiel, comme nous l'avons fait sur ce blog.

 

Cependant, les options de personnalisation de l'apparence proposées sont un peu trop limitées. Par exemple, il n'est pas possible de changer simplement la taille du texte des tweets affichés. Après avoir passé un long moment à chercher une solution, je partage ici celle qui me semble la plus efficace : la modification de certains styles CSS spécficiques au widget.

 

Bien que la documentation officielle n'en fasse pas mention, il est tout à fait possible de modifier l'apparence du texte des tweets en modifiant le style de la classe CSS ".twtr-tweet-text". Par exemple, en rajoutant le code suivant à votre feuille CSS, vous diminuerez la taille du texte des tweets affichés par le widget :

 

.twtr-tweet-text {
font-size: 0.9em;
}

 

Selon le même principe, il est possible de cacher cet imposant logo d'en-tête avec le style suivant :

 

.twtr-hd {
display: none;
}

 

Et tant qu'à faire, puisque vous affichez vos propres tweets sur votre propre blog, vous n'avez pas besoin d'afficher à chaque fois l'auteur du tweet. Le style suivant cacheront donc l'auteur du tweet :

 

.twtr-user {
display: none;
}

 

Voilà pour quelques astuces bien utiles. Si par hasard quelqu'un arrive à trouver comment cacher les hashtags, je suis preneur...


Catégorie : Divers, | Mots-clés : twitter, widget, personnalisation,
Ludoscience est un laboratoire scientifique de recherche sur les jeux vidéo

A propos


Ce site présente nos réflexions, nos projets, nos publications et de nombreuses ressources pédagogiques liées au jeu vidéo sous toutes ses formes :

Catégories du blog



Nos ouvrages


Acheter notre ouvrage 'Apprendre avec les Serious Games'

Acheter notre ouvrage 'PlayStation VS Saturn : La guerre des 32 bits'

Acheter notre ouvrage 'Introduction au Serious Game - 2e édition'

Acheter notre ouvrage 'Introduction au Serious Game'

Nous suivre



Nos dernier tweets

Liens vidéoludiques