Redonnez du look à vos contrôles Firefox

Par Korben le 27 mai 2007

Pourquoi est ce que les controles firefox sous linux sont ils aussi kitchs ?

C’est dommage quand même !Et bien ce matin, je vous propose de les rendre beaucoup plus sympa.

Tout d’abord, téléchargez cette archive Firefox forms widgets. Elle contient les feuilles de style qui vont vous permettre de redonner un peu de “gueule” à vos boutons, listes et autre champs de formulaire sous Firefox.

Fermez ensuite Firefox puis décompressez cette archive.
tar -xvzf firefox-form-widgets.tar.gz

Nous allons ensuite faire une copie de sauvegarde de la css existante, on ne sait jamais.

sudo cp /usr/lib/mozilla-firefox/res/forms.css /usr/lib/mozilla-firefox/res/forms.css.bak

La commande suivante va rediriger le contenu de la css dans la css originale de firefox. (plus d’info sur la commande tee)
cat firefox-form-widgets/res/forms-extra.css | sudo tee --append /usr/lib/mozilla-firefox/res/forms.css

Copions ensuite le contenu du repertoire form-widgets dans ceux de Firefox
sudo cp -r firefox-form-widgets/res/form-widgets /usr/lib/mozilla-firefox/res
Puis supprimez le repertoire de l’archive crée à la décompression
rm -rf firefox-form-widgets

Vous pouvez maintenant relancer Firefox ! Hooo c’est beauuuu ! :-)

Je vous recommande aussi la lecture des sujets suivants


Faites un lien vers cette news sur votre site



11 Commentaire(s)

  1. MyAvatars 0.2

    Caseopei Reply to this comment

    C’est possible aussi pour les utilisateurs de windows ? (Et mac ^^)
    Je n’ai pas tellement l’habitude de tripatouiller dans les entrailles de firefox, alors si tu as un tutoriel ou un lien pour réaliser ces modifications je suis preneur :)

    Posté le 27 mai 2007 à 12:21:18

  2. MyAvatars 0.2

    boby Reply to this comment

    Je ne vois pas trop de difference… enfin pas flagrant

    Posté le 27 mai 2007 à 13:33:32

  3. MyAvatars 0.2

    Unknownn Reply to this comment

    Aaaah ouais !!!

    Merci Korben !! C’est fou mais j’ai ce problème aussi depuis que j’ai décidé d’améliorer mes polices pour qu’ils me rendent le même résultat que sur windows :) (la plupart des utilisateurs étant toujours chez Bill, je ne peux pas négliger cela pour mes sites)

    Unknownn :)

    Posté le 27 mai 2007 à 14:15:43

  4. MyAvatars 0.2

    tchouf Reply to this comment

    à propose de firefox, dont je suis un fervent utilisateur, comme je n’arrive pas à voir ma webcam dans bloggersnap pour envoyer une photo, j’ai lancé explorer, je voulais te signaler que ton blog ne s’affiche pas bien dans celui-ci, la barre latérale est en bas en dessous de tout, mais par contre j’ai réussi à envoyer ma photo …

    Posté le 27 mai 2007 à 15:49:20

  5. MyAvatars 0.2

    admin Reply to this comment

    Merci ! Tu es le premier a me le dire ! Je vais corriger ca !

    Posté le 27 mai 2007 à 17:40:21

  6. MyAvatars 0.2

    Gorn Reply to this comment

    Caseopei > Oui c’est la même chose pour Windows

    1. Arrête ton navigateur
    2. Télécharge le fichier dans le tutorial “Firefox forms widgets”
    3. Décompresse le
    4. Copie le fichier “forms-extra.css” et le dossier “form-widgets” dans le dossier “C:Program FilesMozilla Firefoxres”
    5. Fais une sauvegarde de “forms.css” que tu pourra nommer dans l’exemple “forms.css.bak”
    6. Copie le contenu de “forms-extra.css” et colle le à la fin de “forms.css”

    Voilà :mrgreen:

    Posté le 28 mai 2007 à 12:57:05

  7. MyAvatars 0.2

    Gorn Reply to this comment

    Je viens de tester et je suis un peu déçu, car ça modifie uniquement les composants de base.
    Il aurai du faire des modifications graphiques pour le fieldset car ce composant est vraiment horrible comparé à celui de IE.

    Posté le 28 mai 2007 à 13:03:04

  8. MyAvatars 0.2

    Caseopei Reply to this comment

    Gorn > Merci :grin:

    Ps et pour mac ? ^^

    Posté le 28 mai 2007 à 13:03:37

  9. MyAvatars 0.2

    Dan Reply to this comment

    Au risque de passer pour l’abruti de base :oops:….le nom de l’archive est faux non ? ou c’est moi qui suis vraiment nul ? Enfin chez moi il manque un “.” avant le tar :lol:
    et je confirme sous IE, le bandeau a droite s’affiche tout en bas en décalé !
    A++
    Dan

    Posté le 30 mai 2007 à 20:29:15

  10. MyAvatars 0.2

    Caseopei Reply to this comment

    J’ai trouvé pour les mac :) Alors si ça intéresse quelqu’un ^^

    Il suffit de se rendre dans le dossier “Applications”, faire “ctrl” + clic sur l’icone de firefox, un menu contextuel apparait, chosir l’option “Afficher le contenu du paquet”, ouvrir le dossier “contents” puis ouvrir le dossier “MacOs”. Comme précédemment le dossier “res” est celui qui est important. L’ouvrir, réaliser les copies qui s’imposent et coller le contenu du widgets forms.

    Posté le 31 mai 2007 à 14:30:19

  11. MyAvatars 0.2

    Caseopei Reply to this comment

    Encore une petite chose … Dans le fichier form.extra.css il ajouter les lignes suivantes au début du fichier :

    @namespace url(http://www.w3.org/1999/xhtml); /* set default namespace to HTML */
    @namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

    Sans ça le rendu du champs de recherche la barre de menu peut etre un peu bizarre.

    Posté le 31 mai 2007 à 14:40:37

Lacher un com'

« Retour aux commentaires classiques (texte)