재아넷 블로그 스킨 사이드바 폭 조절 하는 방법

제 블로그 스킨을 배포할때마다 가장 많이 물어보시는 질문이라서 아무래도 포스팅을 해야 할것 같은 생각이 들어서 알려드릴까 합니다.

어렵지 않은 부분이니 아래처럼 3곳만 수정하여 주시면 됩니다.

현재 배포중인 블로그의 스킨은 총 가로 폭이 900 입니다.
본문폭은 640 이고 사이드바는 220 입니다. 이렇게 더하면 860이 나옵니다.
그리고 여유분 여백이 40 이 있습니다.

그렇게 총 더하기를 하면 900 이 나옵니다.

아래 그림을 보고 이해를 빨리 해보세요!

스킨 수정 부분 style.css 에서만 변경 하면 됩니다.

위처럼 블로그 레이아웃을 전체를 감싸고 있는 부분인 900px부분을 960px으로 변경하여 줍니다.

본문과 사이드바를 둘러싸고 있는 부분입니다. 이부분 역시 900px을 960px으로 변경하여 줍니다.

이제 사이드바의 폭입니다..  이 부분은 220px을 280px으로 변경하여 줍니다.

여러분이 착오가 없으실려면 계산을 하고 작업을 하셔야 합니다.

예를들어 난 전체 레이아웃을 1000으로 해야겠다 싶으면.. 다음처럼 계산이 되어야 합니다.

본문 640 + 사이드바 320 + 여백 40 = 1000 으로...

만약에 본문의 폭을 800으로 하고 싶을수도 있습니다.

그렇다면 아래와 같이 하면 될겁니다.

본문 800 + 사이드바 200 + 여백 40 = 전체레이아웃 1040

여백 40을 계산을 꼭 하셔야 합니다.

그 이유는 본문 왼쪽, 본문 오른쪽, 사이드바 왼쪽, 사이드바 오른쪽의 여백을 조금씩 가지고 있고 그 값이 모두 포함되어서 나오는 값이 전체레이아웃이기 때문에 이 값을 무시하면 사이드바가 밑으로 내려 가는 현상이 생깁니다.

물론 스킨을 잘 고치시는분은.... 잘 하시니깐 ;;; 별도 설명 안드리겠습니다.

근데.. 참고로.. 본문 폭을 고치면 많은 부분을 고쳐야 합니다.

왜냐면.. 그 하단에 이루어진 코멘트 댓글창이 자동으로 늘어나게 안되어 있거든요 ..;;; 귀찮아서;;;;  이해 하세요ㅋㅋ
그래서 본문 폭을 늘리면.... 밑에 댓글창 에 관련된 모든것들도 같이 늘려줘야 합니다.

안늘려봐서 ... 어떤 일이 벌어질찌는...