반응형
- 티스토리 블로그를 운영하면서 공개되어 있는 스킨을 적용시 배경화면을 변경하는 방법입니다.
- 티스토리 관리 - 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 배경관련 명령어
- background-image: url(이미지주소);
- background-size:
- auto; 원본 크기
- 100px; 픽셀크기 지정
- 50%; 비율 지정
- contain; 가로 세로 비율 유지, 이미지 중심으로 늘려준다 (화면 크기에 따라서 배경화면이 잘리거나 빈 공간이 생길 수 있습니다.)
- cover; 가로 세로 비율 유지, 요소 중심으로 커진다
- background-repeat:
- repeat; 반복 채움
- no-repeat; 반복 없이 하나만
- repeat-x; 가로만 반복
- repeat-y; 세로만 반복
- background-attachment:
- scroll; 스크롤을 움직임에 맞춰서 배경이 위로올라가거나 아래로 내려간다
- fixed; 배경이 고정됨 (스크롤을 움직여도 배경만 그대로)
- background-position : center / left / right / top / bottom; 기준위치
- 0% 0%; 좌측상단
- 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
반응형
'웹 개발 > 티스토리' 카테고리의 다른 글
티스토리 공감 버튼에 문구 추가 Tistory empathy button (0) | 2017.09.07 |
---|---|
티스토리 광고 설치 Tistory adsense (0) | 2017.07.04 |
티스토리 드래그 우클릭 방지 Disable Drag Right Click (0) | 2017.06.02 |
티스토리 다음 애드핏 광고 넣기 (Tistory daum Adfit) (0) | 2017.02.02 |