블로그 스킨을 얼마전에 바꿨습니다.

예전에 사용하던 스킨도 (http://nextgoal.tistory.com/1059) 많은 부분을 직접수정하고 하면서 잘 사용했지만 블로그 분위기를 바꾸고 싶은 마음이 갑자기 들어 스킨 교체를 했습니다.

블로그 분위기 바꿀수있는게 제 수준으론 스킨교체가 최선인지라....-.-

지금 사용하는 스킨은 iNove 티스토리 스킨 Ver 2.2입니다.

수정을 조금해서 사용중인데 아주 만족하고 사용중이랍니다. 수정이라고 해봐야 본문사이즈를 넓혀 사용하다 이번에 사이드바 메뉴 폭 조정을 했습니다.

제가 수정한 부분을 기억하기위해 또 iNove 티스토리 스킨을 사용하시는 분들께 혹시 도움이 될까 해서 글 작성을 합니다.

iNove 티스토리 스킨 사이드바 폭 조정하기

먼저 사용하시는 스킨을 수정하기전에 꼭 백업을 먼저 하세요. 설정한번 잘못했다 망하는 수가 생깁니다.

관리자 메뉴를 들어가서 스킨 을 선택하시고 "스킨저장"을 눌러 현재 사용중인 스킨을 저장합니다.

이렇게 해두면 만약 수정중 오류로인한 문제가 생겨도 바로 복원을 하실수 있습니다.

iNove 티스토리 스킨의 사이드바 폭은 300px입니다. 전 사이드바에 300x250 애드센스 광고를 달기위해 폭을 320px로 넓히기로 했습니다.

관리자 메뉴 -> HTML/CSS 편집을 선택하시고 "Ctrl + F "를 눌러 "#sidebar"를 검색하세요. 그럼 style.css란에 한개가 나옵니다.

width:300px 값을 원하시는 크기로 바꾸시면 됩니다. 전 width:320px으로 했습니다.

사이드바 폭을 수정하고 블로그 화면으로 확인하시면 사이드바가 본문글 아래로 이동된것을 확인하실수 있습니다.

그 이유는 전체 넓이보다 커져버린 사이드바가 밀려난 현상인데요 그부분도 수정을 해야 정확하게 자리를 잡겠지요.

검색창에 "#container "을 입력하면  style.css란에 한개가 나옵니다.

width:936px 값이 스킨 전체 넓이입니다. 사이드바를 20px넓혔으니 width:936px 값도 20px넓혀야 겠지요. width:956px으로 수정하시고 저장하시면 됩니다.

저장을 하고 블로그 메인 화면을 새로고침하시면 위 화면처럼 오른쪽 표시한 부분들이 안맞을 겁니다. 위 부분은 이미지를 사용한 부분이라 사용된 이미지도 수정을 해줘야 합니다.

스킨/images폴더안에 light.gif, sidesep.gif, footer.jpg, header.jpg 네개의 파일을 늘어난 px값만큼 조정하셔서 "HTML/CSS 편집 -> 파일 업로드에 올려주시면 됩니다.

설명이 약간 부족한듯 하지만 기본적으로 어떤 부분을 수정하고 어떤 이미지 파일을 수정하면 사이드바 넓이를 조정할수있다는 정리 글 정도로 봐 주세요.^^