티스토리 반응형 스킨 | JB Skin 2 For Tistory > 상단 배경 이미지 바꾸는 방법

블로그 제목과 메뉴 뒤에 있는 배경 이미지를 바꾸는 방법입니다.

배경 이미지 업로드

[HTML/CSS 편집]의 [파일 업로드]에서 배경 이미지를 업로드합니다.

참고로, 스킨에 포함된 배경 이미지의 크기는 960x400으로, 세로 크기가 화면에 보이는 부분보다 약간 큽니다.

style.css 수정

style.css에 다음과 같은 코드가 있습니다.

.jb-header-t {
  background-image: url("./images/jb-bg-01.jpg");
  background-position: center center;
}

빨간색 부분을 업로드한 이미지의 이름으로 바꿉니다.

배경 이미지의 파일 이름은 jb-bg-01.jpg와 다른 것으로 하시는 게 좋습니다. 서버나 웹브라우저 캐시 설정으로 인해 바로 반영되지 않을 수 있습니다.

Created on 2015-10-19 02:35 | Updated on 2016-03-17 12:58

이 글을 공유하기

Kakao

티스토리 스킨 by CMS Factory

Book navigation