본문

먼저 말씀드리자면, 또 별로 쓸모없는 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;
}

시연 이미지