Facebook多欄化(Multi-Column)

更多欄位總是更好,change column-count、max-post-height。

作者
Dxzy
日安装量
0
总安装量
15
评分
0 0 0
版本
20250527.04
创建于
2025-05-09
更新于
2025-05-27
大小
3.0 KB
许可证
MIT
适用于

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

更多欄位總是更好,搭配腳本,支持即時切換欄位數量、自動按讚、展開留言。

0527 精簡內容、聯絡人丟到隱藏。
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 為置中

更有效率的發洩憤怒 https://gf.qytechs.cn/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

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址