Change background image on all pages

지원
1

Hello - Is there anyway to use my own custom background image for all pages?

Thanks

2

Add this theme component by @Johani to your site:

3

블러 배경 대신 일반 배경을 표시하는 테마 컴포넌트가 있나요?

4

아니요, 하지만 다음과 같은 코드로 새로운 테마 컴포넌트를 만들 수 있습니다.

#main {
    background-image: url(image-URL);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
}
5

이 방법을 시도해 보았지만 카테고리 배경 이미지와 이상한 상호작용이 발생했습니다. #main을 body로 변경하니 정상적으로 작동했습니다.

하지만 두 경우 모두 배경 이미지에 의해 UI 요소가 쉽게 가려지는 것을 발견했습니다. 그래서 인터페이스에서 사용하는 여러 CSS 클래스에 단색 흰색 배경을 설정했지만, 모든 컨테이너를 처리하는 명확한 단일 클래스가 없어 번거롭습니다.

제가 잘못하고 있는 건가요? 텍스트와 인터페이스를 가리지 않고 일반적인 배경 이미지를 설정하는 더 나은 방법이 있을까요?

배경 이미지를 설정하는 방법은 다음과 같습니다:

body {
    background-image: url(my-url);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
}

그리고 UI를 "수정"하는 방법은 다음과 같습니다:

.container, .search-container, .reviewable, .discourse-post-event-upcoming-events, .tag-sort-options, .page-not-found, .page-not-found-topics {
    background-color: #FFFFFF;
    border: 4px;
    border-style: solid;
    border-color: #FFFFFF;
}

카테고리 배경은 단순히 카테고리 UI를 사용하여 설정됩니다.