NaVyMoD 스킨의 블로그 이미지 싸이즈 변경하기

NaVyMoD는 지난달 23일에 새로 발표된
시원해 보이는 남색의 깔끔한 스킨이다.

개인적으로 사이드바가 양쪽에 있는 디자인을 선호하고
스킨 위자드를 이용해 간편하게 디테일한 설정과
본문 사이즈 변경이 가능하다는 것때문에
한가해진 김에 스킨을 이것으로 갈아타 봤다.
(스킨에 대한 자세한 정보는 공지를 참고하자)

하지만, 이 스킨의 최대 단점은 블로그 이미지 크기가 기존의 것과 달라서

길게 늘어난 형태로 보인다는 것이다.

정상비율

이미지가 가로 170 px, 세로 266 px에 최적화 되어있다.

이참에 블로그 이미지를 바꿔볼까도 생각해 봤지만,
개인적으로 지금의 이미지가 마음에 들기 때문에 스킨을 조금 손보기로 했다.

말이 손보는거지 숫자 하나만 바꾸는 아주 간단한 작업이다.

관리자 모드에서
먼저 스킨의 HTML/CSS 편집란으로 들어간다.

그다음 style.css에서
아래와 같이 쓰여져 있는 부분을 찾는다.

바꿔줄 부분은 바로 여기.
이미지 사이즈중 높이를 넓이와 같이 맞춘다.

그림 폭보다 길이가 더 넓게 설정되어있다.

 

높이와 넓이를 같은 사이즈로 변경.

 

스킨을 수정했으면 잊지말고 변경 내용을 저장해준다.

타이틀로 돌아오면 이미지가 정상 배율로 보이는 것을 확인 할 수 있다.

 

  * 이 포스트는 blogkorea [블코채널 : 이런 저런, 라이프 스토리!] 에 링크 되어있습니다.