Facebook多欄化

修正高度限制與滾動問題,強化多欄穩定性

目前為 2025-05-12 提交的版本,檢視 最新版本

作者
Dxzy
評價
0 0 0
版本
20250512.10
建立日期
2025-05-09
更新日期
2025-05-12
尺寸
3.2 KB
授權條款
MIT
腳本執行於

原本的樣式不可用(userstyles.world/user/isaackuo),以AI改造而來的。

10.19 增加網址匹配,點擊時間或留言、通知展開貼文時不會因此破壞排列、導致退出時重排。
11~12 增加匹配搜尋

除了首頁,添加動態消息的支援
https://www.facebook.com/?filter=all&sk=h_chr

左右欄位縮放隱藏,而細節的部分沒有努力調整到自適應的程度,
畢竟人各有需求,添加協助修改的註解。
/* === 核心修正區 === */
--column-count: 4; /* 所需欄數 */ 如果同個瀏覽器會交錯使用在垂直、一般螢幕上那挺不合適的。
--column-gap: 20px; /* 彼此間隔 */
--max-post-height: 80vh; /* 所佔視窗高度 */


以下隱藏首頁原有的發佈框和限時動態框,不需要便刪除這幾行。
/* 隱藏元素規則 */
.x1ceravr.xq1tmr.xvue9z.x193iq5w > .x1yztbdb,
.xwib8y2.x1y1aw1k.xwya9rg.x1n2onr6,
.x1swvt13.x1l90r2v.x1pi30zi.xyamay9.x2lah0s
{
display: none;
}

以下調整中央的寬度
/* 主容器設定 */
max-width: 100%; 想要留邊調整這個
width: calc(100% - 30px); /* 減去左側欄寬度 */
margin: 0 0 0 auto; /* 向右貼齊 */ 改為 0 auto 為置中

以下拉出首頁右側的通訊
/* 首頁右側通訊人 */
width: 0%;/* 增加比例以顯示 */


以下是也使用ublock移除贊助的情況,需要自己添加靜態規則的
! https://www.facebook.com
www.facebook.com##.x1ceravr.xq1tmr.xvue9z.x193iq5w > .x1yztbdb
www.facebook.com##.xwib8y2.x1y1aw1k.xwya9rg.x1n2onr6 這兩行跟上面隱藏元素一樣
www.facebook.com##div.x1lliihq:nth-of-type(2) 這一行將使被移除廣告的殘留物被刪除 就不會因此空一格