Speak English? Click here to read my English blog!

Personnaliser l’apparence par défaut des formulaires sous Firefox

Posté par jbj le 27 sept 2007 dans Ressources3 commentaires

Sous GNU/Linux, l’apparence par défaut des éléments de formulaire (bouton, textarea, etc) de Firefox sont franchement moches. Heureusement, un des grands et nombreux avantages des logiciels libres est de permettre à l’utilisateur de modifier l’application à sa guise. C’est justement ce que nous allons faire.

L’apparence générale des éléments de formulaire de Firefox est définie dans une feuille de style CSS nommée forms.css, et qui se trouve dans /usr/lib/firefox/res/.
Chaque utilisateur dispose quand à lui d’une css qui lui est propre. (Ce qui permet de ne personnaliser le browser que pour un seul utilisateur selon ses propres préférences)
Pour éditer cette feuille de style:
sudo cp ~/.mozilla/firefox/votre_profil/chrome/userContent-example.css ~/.mozilla/firefox/votre_profil/chrome/userContent-example.css
Vous n’avez plus qu’à éditer userContent.css.

Avant de se lancer dans une modification, il peut-être prudent de faire un backup de la CSS que vous désirez éditer afin de pouvoir le restaurer plus tard en cas de problème.
sudo cp /usr/lib/firefox/res/forms.css /usr/lib/firefox/res/forms.css.bak

Ensuite, il vous suffit d’éditer à votre guise le fichier /usr/lib/firefox/res/forms.css (Ou userContent.css, selon votre choix)avec votre éditeur de texte favori. De nombreux exemples de personnalisation sont disponibles sur le site de Mozilla.

refox.png

Joli, n’est-ce pas? Le script suivant vous permettra d’obtenir cette apparence par défaut en deux coups de cuillère à pot. Attention toutefois, si vous faites un copier-coller, prenez bien le script ligne par ligne. Autrement, il se peut que les boutons radio disparaissent de l’affichage.
wget http://www.riborest.eu/data/firefox-form-widgets-ots.tar.gz
tar -xvzf firefox-form-widgets-ots.tar.gz
sudo cp /usr/lib/firefox/res/forms.css /usr/lib/firefox/res/formscss.bak
cat firefox-form-widgets-ots/res/forms-extra.css | sudo tee --append /usr/lib/firefox/res/forms.css >> /dev/null
sudo cp -r firefox-form-widgets-ots/res/form-widgets/ /usr/lib/firefox/res
rm -rf firefox-form-widgets-ots
Vous n’avez plus qu’à redémarrer Firefox pour que les modifications soient prises en compte.

Edit: Cet article à été mis à jour le 2 Novembre 2007 suite à un commentaire de burningHat m’indiquant que chaque utilisateur disposait de sa propre feuille de style.

Si vous avez aimé cet article, aidez-moi à le promouvoir en votant pour lui sur les sites suivants: Ces icones representent les sites de bookmarking social dans lesquels vos lecteurs peuvent partager et faire découvrir vos pages.
  • del.icio.us
  • Scoopeo
  • Tapemoi
  • Technorati
  • Tutmarks
  • Pioche
  • Blogasty
  • Diggons
  • Wikio
Tags:

3 commentaires

» Flux RSS des commentaires
  1. Personnaliser lapparence par dfaut des formulaires sous Firefox…

    Sous GNU/Linux, lapparence par dfaut des lments de formulaire (bouton, textarea, etc) de Firefox sont franchement moches. Heureusement, un des grands et nombreux avantages des logiciels libres est de permettre lutilisateur de modifier lapplication sa…

  2. Pas mal du tout mais il y à un mais…une fois le script lancé et les modifications effectuées, plus AUCUN boutton ne verra le style défini par le site que l’on visite s’appliquer…Le script modifie l’apparence de TOUS les boutons, pas juste ceux par défaut…dommage.

  3. Rien ne t’empêche de ré-éditer la css, non?

Commenter