I Love Belgium... and you?

dim 29 juil 2007

Stylish pour changer l'aspect des sites web

29 07 2007
Stylish
Stylish est une extension pour Mozilla Firefox qui permet aux utilisateurs de changer l'apparence (le style) des sites Web et de l'interface utilisateur.

Pour l'exemple, je vais vous montrer comment changer la page d'accueil traditionnelle de Google par celle-ci:

Stylish

Sympa, non ?
Bon allez, débutons ce p'tit tuto:
Pour commencez, vous allez télécharger Stylish à fleche cette adresse, une fois l'extension installée et votre Firefox rebooté, rendez-vous sur le site officiel de Stylish et tapez Google dans la zone de recherche.

La liste est longue et je vous invite à jeter un œil sur chaque style disponible (ceux en gras étant les plus populaires), mais pour l'instant, nous allons nous concentrer sur celui-ci: Google Web Search - dark blue redesign (vC).

Vous voila arrivé sur une nouvelle page, cliquez sur Uptade Stylish pour télécharger directement le style, pas besoin de redémarrer Firefox, le style s'applique immédiatement sauf que dans notre cas, ce style s'applique pour Google.com.
Pas de panique, pour l'appliquer sur Google.be, .fr, ou autre, il suffit simplement d'aller modifier le code manuellement.
Cliquez sur l'icône Stylish Logo Stylish visible dans la barre d'état (en dessous), puis sur Gestion des styles.
Un petite fenêtre contenant tous vos styles s'affiche alors:

Gestion des styles

Il vous suffit de cliquer sur le style que vous voulez modifier (dans ce cas, il s'agit de Google Web Search - dark blue redesign) puis de cliquer sur Editer, il ne vous reste plus qu'à renommer tous les .com en .fr (ou autre, cela dépend du moteur que vous utilisez) comme sur cet exemple:
(soyez attentif, il y en a jusqu'en bas du script)

modifier le style


Vous avez compris le truc, alors lachez-vous et personnalisez sans attendre vos sites préférés, vous pouvez modifier un maximum de paramètres sur n'importe quel site, comme la couleur, masquer des zones de publicité, réorganiser l'apparence, etc...
Pour appliquez ces changements, cliquez sur l'icone Stylish Logo Stylish quand vous naviguez sur un site pour savoir si il existe un style pour cette page, où comme tout à l'heure, effectuez une recherche sur le site officiel.
Les plus chevronné d'entre vous pourront facilement créer de nouveaux styles puisque Stylish fonctionne avec le language CSS.
Amusez-vous bien soleil



PS: une version Stylish existe également pour Thunderbird

télécharger


5 commentaires à Stylish pour changer l'aspect des sites web

15 12 2007
favatar de t0z t0z :

Bonsoir, sur quel site peut-on trouver d'autres styles google mis à part userstyles.org ?
Merci d'avance !

23 12 2007
favatar de LuciferX LuciferX :

A ma connaissance, je n'en connais pas d'autre, et à mon avis ceux dispo sur la toile sont sur les sites des créateurs qui les postent aussi sur userstyle.org

23 12 2007
favatar de t0z t0z :

Ah d'accord, en tout cas merci !

18 09 2008
favatar de leo leo :

slt , je cherche a changer le style firefox 3.0.1 , j ai essayé tes conseilles et sa ne me donne rien , il y aurais t'il une autre astuce , merci

01 11 2008
favatar de Laurent Laurent :

A la base, Stylish n'est pas vraiment prévu pour développer des thèmes pour l'interface utilisateur (même si certains le font quand même mais le résultat est souvent moins abouti qu'avec les thèmes officiels) mais plus pour personnaliser l'affichage grâce aux feuilles de styles (css) liées aux différents sites visibles sur la toile, d'après ta question, il vaut mieux utiliser les thèmes disponibles sur le site de Mozilla Firefox.

Pour ce qui concerne les thèmes de Firefox, vas faire un tour dans Outils -> Modules complémentaires -> Catalogue et parcoure le site de Mozilla à la recherche de thèmes intéressant, ou en cliquant directement sur ce lien.

Ajouter un commentaire

Ajoutez des smileys à votre commentaire  smiley rouge

Mettez en forme votre commentaire

     

Digg-likes
Digg it ° Wikio Ca! ° Bruxello Ca! ° Blue it ° Tape Moi! ° Blogmark it ° Scoop it ° Fuzz it ° Nuouz Ca! ° Ajouter a mes favoris Technorati ° Blogmark it