나만의 대시보드 Flame 배경화면 이미지로 설정하기.

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

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

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

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

https://it-svr.com/my-dashboard-flame-docker/

파일업로드

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

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를 해주고 메인으로들어가보면 아래처럼 배경화면이 변경되어있으실겁니다!

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