Facebook多欄化(Multi-Column)

更多欄位總是更好,change column-count、max-post-height。搭配腳本,支持即時切換欄位數量、切換帖子放大、隱藏首頁動態,繁體中文自動按讚、展開留言。More columns always better. With script support, it enables instant switching of column count, toggling post zooming, hiding the home feed, auto-liking in Traditional Chinese, and expanding comments.。

作者
Dxzy
今日安裝
0
安裝總數
10
評價
0 0 0
版本
20250518.23
建立日期
2025-05-09
更新日期
2025-05-18
尺寸
3.8 KB
授權條款
MIT
腳本執行於

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

更多欄位總是更好,change column-count、max-post-height。搭配腳本,支持即時切換欄位數量、切換帖子放大、隱藏首頁動態,繁體中文自動按讚、展開留言。More columns always better. With script support, it enables instant switching of column count, toggling post zooming, hiding the home feed, auto-liking in Traditional Chinese, and expanding comments.。

0516 消滅佈局邊緣縫隙、0518 單帖放大固定寬度
除了首頁,添加動態消息的支援
https://www.facebook.com/?filter=all&sk=h_chr

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

如果跟腳本一起使用,腳本會覆蓋欄位數量的設定,所以樣式這邊就不用動了。

點開留言、時間,單一帖子放大的部分可以調整寬度和尺寸
/* === 單帖放大 === */
@media (min-width: 1900px) {

以下隱藏首頁原有的發佈框和限時動態框,不需要便刪除這幾行。
/* === 隱藏元素 === */
footer, /左側底部一串AD文字
.x1ceravr.xq1tmr.xvue9z.x193iq5w > .x1yztbdb, /頂部的發文欄
div.x1lliihq:nth-of-type(2) /固定出現在第二塊的廣告區塊
{
display: none;
}

以下調整中央的寬度
/* 中央容器 */
max-width: 100%; 想要留邊調整這個
width: calc(100% - var(--sidebar-width)); /* 減去左側欄寬度已挪到樣式最上方 */
margin: 0 0 0 auto; /* 向右貼齊 */ 改為 0 auto 為置中

整段刪除已恢復預設,修改width常駐顯示首頁右側的通訊,因為別的地方可以叫所以只留這一塊先不管了。
.x1daaz14.xxzkxad.x7wzq59.x10wlt62.x6ikm8r.x1u2d2a2.x1t2pt76.xxc7z9f.xnjgh8c.x112wk31.xnp8db0.x1ja2u2z.x9f619/* 右側通訊欄 */ {
width: 0%;
min-width: 0%;
background-color: transparent;
position: absolute;
right: 0;
}

使用ublock時除了內建規則遮蔽AD,應該沒有特別需要遮蓋的東西了。

更有效率的發洩憤怒 https://greasyfork.org/zh-TW/scripts/535843-facebook-%E8%87%AA%E5%8B%95%E5%B1%95%E9%96%8B%E8%88%87%E4%BA%92%E5%8B%95%E5%A2%9E%E5%BC%B7