Flarum 歡迎橫幅首頁加入背景

正文

首先說一下，又是一篇沒什麼卵用的 Flarum 美化教程，本文只能在全站的 Banner 加入背景而已。如果有人說要是能隨著分類變化就好了，不好意思，Beta 8 Toby 已經計劃完全取消歡迎橫幅，到時這玩意是不存在的，所以本文估計很快就會失效，僅供 B7 版本使用。

過程

歡迎橫幅加入背景（如果使用大圖，請盡量選擇寬不低於 1920px 的圖片，使用允許重複的圖片例外）。

後台 — 外觀設定 — 編輯自訂樣式，加入

.Hero {
    background: url(圖片連結) no-repeat top fixed;
    text-align: center;
    color: #FFFFFF;
    height: 180px;
    width: 100%;
}

如果是允許重複圖片，請修改其中 no-repeat 為 repeat-x 或者 repeat-y（橫向重複和縱向重複），如果橫向縱向都要重複的話就是 repeat。

首頁添加背景方法（如果添加了歡迎橫幅背景，這個首頁背景的橫幅部分會被歡迎橫幅背景覆蓋）。

後台 — 外觀設定 — 編輯自訂樣式，加入

.IndexPage {
    background: url(圖片連結) no-repeat center fixed;
    background-size: contain;
}

示範圖