2-columns facebook layout

2-columns facebook layout script

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

// ==UserScript==
// @name       2-columns facebook layout
// @namespace  Krzysztof Szumny
// @version    0.0.3
// @description  2-columns facebook layout script
// @include        http://*facebook.com/*
// @include        https://*facebook.com/*
// @run-at     document-start
// ==/UserScript==
// Initiate custom CSS function
function GM_addStyle(css) {
	var parent = document.getElementsByTagName("head")[0];
	if (!parent) {
		parent = document.documentElement;
	}
	var style = document.createElement("style");
	style.type = "text/css";
	var textNode = document.createTextNode(css);
	style.appendChild(textNode);
	parent.appendChild(style);
}
GM_addStyle("\
body._5vb_ #globalContainer {\
width: calc(100% - 210px);\
}\
div#contentArea{ \
width:100% !important;\
}\
#rightCol{\
display: none;\
}\
._4ikz {\
width: calc(50% - 20px) !important;\
float: left;\
margin: 10px;\
}\
._4-u2.mbl._5us6{\
float: left;\
width: calc(50% - 20px) !important;\
}\
#pagelet_composer{\
width: calc(100% - 20px);\
margin: 10px;\
}\
._5umn.clearfix{\
width: calc(100% - 20px);\
}\
#pagelet_canvas_nav_content{\
display:none;\
}\
#appsNav{\
display:none;\
}\
");