안녕하세요. 달소입니다.

이번에는 앞서 구축한 대시보드 서비스 Flame에서 배경화면을 이미지로 설정하는 방법입니다.

기본적으로 Flame의 경우 테마가 색깔별로만 되어있는데요. 밋밋한 단색의 배경보다는 이미지로 해보고싶어서 구글링하다가 내용정리해서 올려봅니다.

flame 설치 및 사용은 아래글을 참고해주세요

Docker로 나만의 시작 페이지(대시보드) 만들기 Flame

파일업로드

먼저 이미지로 사용하고싶은 사진을 업로드해주세요.

https://svrforum.com/media/198217

저는 포럼에 업로드했고 업로드 하신뒤 이미지 주소만 적어주세요.

https://svrforum.com/files/attach/images/2022/03/18/5b61943cd4f606b349da349056138e31.jpg

그럼 아래처럼 나오실텐데요. 이제 준비과정은 끝났습니다.

Flame 설정하기

이제 Flame으로 가서 좌측하단에 설정으로 진입해줍니다.

그리고 CSS탭으로 진입한뒤 아래 내용을 입력해주세요.

body { background: url('imageURL') no-repeat; background-size: 1920px; }

저같은 경우라면 아래처럼 나오겠죠.

body { background: url('https://svrforum.com/files/attach/images/2022/03/18/5b61943cd4f606b349da349056138e31.jpg') no-repeat; background-size: 1920px; }

그리고 Save CSS를 해주고 메인으로들어가보면 아래처럼 배경화면이 변경되어있으실겁니다!

기존처럼 화면이 뜨신다면 쿠키를 삭제하고 다시 띄워보시면되겠습니다.