Personnaliser sa page Facebook

Amis Facebooker,

Procédure pour personnaliser l'affichage final sur Facebook en local:

1- Installer
1- Sur chrome installer l'extension "Tampermonkey" ou équivalent
1- Sur Mozilla installer l'extension "Greasemonkey" ou équivalent

2- Comment ajouter script
2- Après son installation, aller dans les options de l'extension et ajouter un nouveau script.
Les deux extensions citées sont équipées d'une interface graphique facile d'utilisation.

3- Le Copier/Coller
3- Copier/Coller le script suivant, ATTENTION: un détail à savoir, dans la ligne

// @match      https://*/*

Faire le changement nécessaire en fonction de vos paramètres de sécurité définis dans Facebook (utilisation HTTPS ou HTTP de votre compte Facebook).
Si vous êtes en HTTP utiliser

// @match      http://*/*

Si vous êtes en HTTPS utiliser

// @match      https://*/*

Possibilité dans certaines extensions d'ajouter les deux sur la même ligne en les séparant de "," ou ";"

Code à Copier/Coller:

// ==UserScript==
// @name       Facebook 
// @namespace  none
// @version    0.1
// @description  enter something useful
// @match      https://*/*
// @copyright  2012+, You
// ==/UserScript==

document.getElementsByTagName("body")[0].style.backgroundColor="#F7E4E4";

document.getElementById('blueBar').style.backgroundColor="#D31B1B";
document.getElementById('blueBar').style.borderBottomColor="#FB7373";
var anchors_pageLogo = document.getElementById('pageLogo').getElementsByTagName("a");
anchors_pageLogo[0].style.backgroundColor = "#D31B1B";

var anchors_fbRequestsJewel = document.getElementById('fbRequestsJewel').getElementsByTagName("a");
anchors_fbRequestsJewel[0].style.backgroundColor = "#DB6B6B";
anchors_fbRequestsJewel[0].style.backgroundPosition = "-56px -2px";

var anchors_fbMessagesJewel = document.getElementById('fbMessagesJewel').getElementsByTagName("a");
anchors_fbMessagesJewel[0].style.backgroundColor = "#DB6B6B";
anchors_fbMessagesJewel[0].style.backgroundPosition = "-25px -247px";

var anchors_fbNotificationsJewel = document.getElementById('fbNotificationsJewel').getElementsByTagName("a");
anchors_fbNotificationsJewel[0].style.backgroundColor = "#DB6B6B";
anchors_fbNotificationsJewel[0].style.backgroundPosition = "-56px -72px";


var img_pageNav = document.getElementById('pageNav').getElementsByTagName("img");
img_pageNav[0].style.borderColor = "#BF2C2C";

var li_pageNav = document.getElementById('pageNav').getElementsByTagName("li");
li_pageNav[0].style.borderColor = "#BF2C2C";
li_pageNav[0].style.backgroundColor = "#BF2C2C";
li_pageNav[1].style.borderColor = "#BF2C2C";
li_pageNav[1].style.backgroundColor = "#BF2C2C";
li_pageNav[2].style.borderColor = "#BF2C2C";
li_pageNav[2].style.backgroundColor = "#BF2C2C";

var anchors_pageNav = document.getElementById('pageNav').getElementsByTagName("a");
anchors_pageNav[0].style.backgroundColor = "#BF2C2C";
anchors_pageNav[1].style.backgroundColor = "#BF2C2C";
anchors_pageNav[2].style.backgroundColor = "#BF2C2C";

function getElementsByClass( searchClass, domNode, tagName) { 
	if (domNode == null) domNode = document;
	if (tagName == null) tagName = '*';
	var el = new Array();
	var tags = domNode.getElementsByTagName(tagName);
	var tcl = " "+searchClass+" ";
	for(i=0,j=0; i<tags.length; i++) { 
		var test = " " + tags[i].className + " ";
		if (test.indexOf(tcl) != -1) 
			el[j++] = tags[i];
	} 
	return el;
} 
 

var div_wrap = getElementsByClass("wrap");
div_wrap[0].style.borderColor = "#BF2C2C";

var div_uiTypeahead = getElementsByClass("uiTypeahead");
div_uiTypeahead[0].style.borderColor ="#BF2C2C";

var pagesTimelineButtonPagelet = getElementsByClass("pagesTimelineButtonPagelet");
pagesTimelineButtonPagelet[0].style.backgroundColor = "transparent";

var fbTimelineScrubber = getElementsByClass("fbTimelineScrubber");
fbTimelineScrubber[0].style.backgroundColor = "transparent";

var fbxWelcomeBoxName = getElementsByClass("fbxWelcomeBoxName");
fbxWelcomeBoxName[0].style.color ="#BF2C2C";

var attachmentName = getElementsByClass("attachmentName");
attachmentName[0].style.color ="#BF2C2C";
attachmentName[1].style.color ="#BF2C2C";
attachmentName[2].style.color ="#BF2C2C";
attachmentName[3].style.color ="#BF2C2C";
attachmentName[4].style.color ="#BF2C2C";

Partagez ;)



"God is too big to fit inside one religion"