티스토리 배경화면 변경 방법 (Tistory blog background)

• 티스토리 블로그를 운영하면서 공개되어 있는 스킨을 적용시 배경화면을 변경하는 방법입니다.
• 티스토리 관리 - HTML/CSS 편집 메뉴로 들어가면 아래와 같이 Body 구분으로 시작하는곳이 있거나 아니면 없으면 추가합니다.

body {

background-color: #fff;

background-image: url('./배경화면파일명.jpg');

background-attachment: fixed;

background-repeat: no-repeat;

background-position: center center;

background-size: cover;

}

• 위와 같이 변경하시면 됩니다.

• CSS 배경관련 명령어
  1. background-image: url(이미지주소);
  2. background-size:
     
     1. auto; 원본 크기
     2. 100px; 픽셀크기 지정
     3. 50%; 비율 지정
     4. contain; 가로 세로 비율 유지, 이미지 중심으로 늘려준다 (화면 크기에 따라서 배경화면이 잘리거나 빈 공간이 생길 수 있습니다.)
     5. cover; 가로 세로 비율 유지, 요소 중심으로 커진다
  3. background-repeat:
     
     1. repeat; 반복 채움
     2. no-repeat; 반복 없이 하나만
     3. repeat-x; 가로만 반복
     4. repeat-y; 세로만 반복
  4. background-attachment:
     
     1. scroll; 스크롤을 움직임에 맞춰서 배경이 위로올라가거나 아래로 내려간다
     2. fixed; 배경이 고정됨 (스크롤을 움직여도 배경만 그대로)
  5. background-position : center / left / right / top / bottom; 기준위치
     
     1. 0% 0%; 좌측상단
     2. 100% 100%; 우측하단

업데이트 된 글 보기 (For more information, visit main hompage) : http://gturl.iptime.org

 

접속 안될 때 (When you can't access to main homepage) : http://burst-watermelon.blogspot.com