Tutorial: Changer la couleur de Facebook

personnaliser les couleurs de facebook

Beaucoup de groupes sur Facebook vous invitent en vous garantissant que vous pourrez ainsi modifier les couleurs de votre page. Il s’agit toujours d’arnaque pour attirer des gens dans des groupes peu populaires.

On va voir dans ce court tutorial comment customiser les couleurs ansi que le logo en haut à gauche de votre page facebook et le tout sans aucune connaissance particulière en informatique ou en graphisme.

[EDIT]: Nouveau Tutorial:

Je viens de créer un nouveau tutorial qui permet de changer pas uniquement la couleur, mais le style, les images, et le comportement de la plage.

Pour voir ce nouveau tutorial, cliquez sur le bouton play puis sur le lien ci-dessous.







Tutorial: Changer le style et les couleurs de Facebook

Sinon, retrouvez le tutorial originel à la suite, qui permet de modifier les couleurs uniquement.

Prérequis:

Utiliser un vrai navigateur, à savoir Mozilla Firefox. Si vous utilisez Internet Explorer, il va donc vous falloir télécharger et installer Firefox disponible à cette adresse. En plus d’un navigateur plus efficace et plus sécurisé, vous pourrez personnaliser votre page facebook ce qui est le but ici.

Etape 1: Installation de l’extension GreaseMonkey

Pour personnaliser notre page, on va utiliser une extension très utile de Firefox qui permet de charger des scripts JavaScript de personnalisation de pages : GreaseMonkey.

  • Télechargez le en cliquant sur « Ajouter à Firefox » à cette adresse
  • On appuie sur « Autoriser » en haut à droite de la page et une fenètre apparaît
  • On valide et on redémarre Firefox

Etape 2: Installation du script de personnalisation de Facebook

Maintenant que l’extension est installé, il va nous falloir installé le script JavaScript qui permettra de modifier notre page Facebook. Ce script s’appelle Facebook Colour Changer. A noter l’existence de nombreux autres script pour Facebook dont une liste est présentée ici.


Tout ces scripts sont trouvables sur ce site

  • Installez Facebook Colour Changer en cliquant ici
  • Une fenètre apparaît et on clique sur Installer.

Etape 3: Modification des couleurs de Facebook

Tout est désormais installé. On peut donc se connecter sur Facebook (en utilisant Firefox bien sur) et commencer la customisation.

  • Se connecter sur Facebook via Firefox
  • Dans la barre de menu de Firefox, sélectionner: Outils -> GreaseMonkey -> Commandes du script -> Customise facebook colors
  • Vous obtenez cette fenètre:

facebook colour changer

  • Sur la gauche, la couleur de la barre de titre sombre : Dark Colour
  • Sur la droite la couleur claire de contour et de titre de haut de page.
  • Sur le bas vous pouvez entrer l’URL d’un autre logo pour remplacer celui de Facebook quand il est survolé (partie droite) ou non (partie gauche).

En espèrant que ce sera utile à certains. A noter que les modifications de votre page ne seront visibles que par vous et non par vos amis.

Il existe des scripts GreaseMonkey pour faire vraiment beaucoup de choses sur différents sites. N’hésitez donc pas à fouiner sur http://userscripts.org/ si l’anglais ne vous fait pas trop peur.

D'autre résultats de recherche:

57 thoughts on “Tutorial: Changer la couleur de Facebook

  1. bon heuu je n’arrive pas a installer les scripts …………..

  2. Ulf

    Il faut que tu aies bien installer GreaseMonkey auparavant. Si tu suis bien le tutorial tu devrais pas avoir de problème.

    Si GreaseMonkey n’est pas installé, tu n’auras pas l’option pour installer le script.

    Bon courage

  3. Alex

    Bonjour, pour ma part tout fonctionne comme le tutorial l’indique, mais pourtant lorsque je change de couleur dans le cadre « Light Colour » rien ne se passe sur ma page facebook. Comment faire ? Merci beaucoup.

  4. Merci pour ce magnifique tuto.
    @ Alex : le Light Coulour sert à modifier la couleur des menus ,quand tu passes la souris sur dessus.
    a+

  5. thomas

    Merci pour cette info.
    Saurais tu si il y a un moyen de vraiment modifier sa page facebook pour la mettre aux couleurs de son site, de rajouter une image de fond etc..afin que tous les fans en profitent. Quel est le langage de programmation de Facebook?

  6. Jeice

    S’il vous plait, aidez moi! J’ai TOUT fait mais l’outil  »Commandes du script n’apparait pas!!! QUE DOIS;JE FAIRE???????

  7. gzrg

    si Commandes du script n’apparait pas il faut tu deco et te reco de facebook , moi j’ai fait ça n et ça a fonctionné

  8. david

    j’arrive pas je galére!!!

  9. david

    comment on fait pour installer ce grease monkeys ça me relance a chaque fois sur fire fox

  10. seb66

    slt a tous , bon pour ceux qui on installée *grease monkeys*,et que *commande de script* n’apparait pas !!
    -allez sur ce site – http://userscripts.org/
    -et en suite vous cliqué sur – Facebook MobWars Auto Helper(TM) V2.0
    -ce doit etre le premier je croit, et en suite redemarage de votre ordie,et voila !!
    -vous pouvez allée sur facebook , outils–> Greasemonkey–>Commande du script..
    choisir sa couleur l’enregistrai et le tour et jouer..::]]

    Allez a vous de jouer @pluche…

  11. Mouton

    Bonjour, quand je télécharge « grease monkeys », je clique sur « ajouter a Firefox », une fenêtre s’ouvre et je clique sur « installer maintenant ». Ensuite, il commence l’installation et là un message s’ouvre et me dit
    « Firefox n’a pas pu installer le fichier situé à

    https://addons.mozilla.org/fr/firefox/downloads/latest/748/addon-748-latest.xpi?src=addondetail

    raison : Hachage invalide sur le fichier (corruption possible du téléchargement)
    -261″
    Comment faire pour installer grease monkeys ? Qu’est ce qui ne va pas ?

  12. Ulf

    Salut Mouton,

    Il semblerait qu’il y est un problème lors du téléchargement de Grease Monkeys. Il faut que tu retentes de le télécharger. Si celà ne marche vraiment pas, essaie de le télécharger d’une autre source comme:

    http://www.commentcamarche.net/telecharger/telecharger-261-greasemonkey

    http://www.infos-du-net.com/telecharger/GreaseMonkey,0301-5622.html

  13. Paulo

    @seb66
    Merci beaucoup car j’ai éssayer plusieurs fois avant de tombé sur ton message et d’enfin pouvoir faire commande du script et changer la couleur de facebook ^^

  14. Ça fonctionne très bien, le tuto est bien fait.
    Le seul souci c’est qu’il reste des éléments de couleur bleue « à la facebook traditionnel » et que ça fait bizarre selon la couleur qu’on choisit, mais bon, ça marche!
    Demandez moi si vous voulez de l’aide! 🙂

  15. shadow

    slt moi g tout installer sauf que quand je change les couleur rien ne change justement et les couleur change toute seule pourriez vous m’aidez svp

  16. Camille

    Comment on fait pour changer la couleur de la barre d’en haut ? J’arrive pas :/

  17. johan

    bonjour, tout d’abord merci pour ce que vous faites . votre programme me permet en effet de changer l’écriture et non le contour de ma page pourquoi ? et la colonne de droite me change la couleur des boutons par ex vidéos photos voila , résultat j’ai toujours la couleur bleu
    merci d’avance pour vos réponses
    cordialement Johan

  18. johan

    quand je parle de contour je me suis trompé je voulai dire la barre en haut de la page couleur bleu et aussi le fond de la page couleur blanc

  19. Ulf

    Hello à tous,

    Depuis la nouvelle version de Facebook, la barre du haut ne semble pas modifiable. Je vais me tenir informé la dessus.

  20. Jessy

    J’ai installer greasemonkey mais j’arrive pas à aller sur commande du script sa marche pas je doit faire quoi ?

  21. je n y arrive pas je ne ois pas comment faire

  22. sazou

    sa marche vraiment ou c’es une arnaque?

  23. Ulf

    Si vous utilisez Firefox, il s’agit d’une vrai méthode qui marche correctement. Garanti sans virus ou spyware. Si vous avez un problème, prenez le temps de bien lire en détail le tutorial plusieurs fois, vous avez forcément raté une étape.

  24. Je n’y arrive pas, comment on fait?

  25. mau

    Comment on fais pour le désinstaller à partir de google crome ??

  26. mau

    Ok, personne sais ?

  27. mais depuis que j’ai commencer a faire tout ce qui est indiquer a le rien ne marche je me demande mieux si ce une itiative qui se fait déjà ou on pas encore lancer pour utilisation si telle est les alors aider moi a changer mon couleur facebook cars je suis votre humble serviteur.
    veuillez agréer Mons le directeur l’expression de me sentiment si haut

  28. camille

    Bonjour tout le monde pour ceux qui ont réussi a télécharger GreaseMonkey Pouvais vous me mettre le lien du site
    Merci D’avance ; Camille (:

  29. thegus

    oui ca marche tres bien mais il y a que nous pour voir sa parce que les autre personnes que j’ai dans ma liste ne vois pas comme moi donc comment faire pour que eux aussi vois ma page comme moi
    merci de votre reponses
    ceci dit sois dit en passant tres beau tuto merci a vous

  30. Alycia

    si l’on a pas firefox, peut-on changer la couleur ? 🙁

  31. vive barça

  32. kevin

    possible avec google chrome?

  33. Thomas.k

    @Jeice il faut juste te deconnecté de facebook et fermé et redémaré mozilla et après reconecte toi sur facebook

  34. Es29

    Mwa jgalere !!!

  35. Es29

    <> est en gris et chpeu pa cliquer dessu

  36. Es29

    si l’on a pas firefox, peut-on changer la couleur ?

  37. Es29
  38. leo49

    mwa les commandes du script veut pas souvrir

  39. trinque

    est ce que c gratuit

  40. dsi

    Pourquoi je peux pas entrer dans le Commande de Script utilisateur?

  41. je veut un nouveaux couleur facebook

  42. je veut un coulour sur mon fb !!

  43. olai olai

    ouai c juste pour dire a tt les persone ki on fai ca ke leure konte sera pirater et ke il son tomber en plin dan le piege!!! vous aite vraimen baite?

  44. olai olai

    nan jrigole jen c rien mai on c jamai

  45. jarive pa a changer en rose aidez moi svp

  46. M boua

    je veur couleur me66666666

  47. SIVOUPLAI COMENT FAIR POUR CHANGER LA COULEUR DE FACEBOOK JE NARRIVE PAS MERCI

  48. je voudrais facebook en couleure.merci

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>