FEGGY TISTORY SKIN 8.0 / 배경화면 변경


▶ 페기스킨 v8은 배경화면이 생명이라 가로 550px 이상을 피씨 접속, 550px 이하는 모바일 접속으로 생각해 다른 배경화면 이미지를 적용했다.



▶ 가로 550px 이상일때



- 13. 배경화면 이미지 주소

- 14. 배경화면 고정 (스크롤해도 배경 이미지는 움직이지 않음)

- 15. 배경화면 사이즈 (cover : 배경 이미지 비율을 유지한 채 화면에 꽉 참)

- 16. 배경화면 반복 금지 (사실 cover 적용시 필요없음)

- 17. 배경화면 위치 (배경화면 포커스 위치)


- 배경 이미지 변경 예제






▶ 가로 550px 이하일때



- 184. 배경화면 이미지 주소

- 185. 배경화면 사이즈 (이미지 비율을 유지한 채 화면 가로 크기에 맞춤)

- 나머지 설정은 550px 이상일때 설정 유지


- 배경 이미지 변경 예제






▶ 배경화면 이미지 변경 방법


- 파일업로드에 배경화면 이미지 파일을 업로드 후, 배경화면 이미지 주소에 드래그 되어있는 부분(이미지 파일명)을 변경한다.



▶ 추가 팁


- 가로 550px 이상, 이하에서 배경화면 사이즈 설정이 다른 이유 : 모바일에서 화면의 크기가 핸드폰 액정의 크기로 인식되는 것이 아닌, 포스팅의 전체 길이로 인식되어 배경화면 이미지가 무지막지하게 늘어나는 경우가 생기기 때문.


- 가로 550px 이하 배경화면 이미지의 경우, 이미지 가로 세로 비율을 1:2 정도로 해줘야 한다. 아님 모바일에서 배경 길이가 부족할 수도 있다.


- 위의 경우가 싫거나, 이미지가 늘어나도 상관없는 경우, 또는 일관된 배경화면을 적용하고 싶다면 550px 이하의 배경화면 CSS 소스를 지우면 된다.


사용한 배경화면 이미지 보기