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

어렵지 않은 부분이니 아래처럼 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을 계산을 꼭 하셔야 합니다.


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


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

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

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

안늘려봐서 ... 어떤 일이 벌어질찌는...
포스팅이 유익하셨다면 추천 부탁드립니다. ^^
본문 밑에 작은 하트를 눌러주세요!
홈으로
공감
Post by : 재아

여러분의 소중한 댓글입니다.

  1. 저도.. 바꾸어야 하는데.. 귀차니즘이...ㅠㅠㅠㅠ

  2. 사이드 바를 아래로 내려주시면 저같은 블로그한테 좋은데 말이죠. ㅎㅎㅎ

    • 어떻게 내려 드릴까요?? 그냥 아래로 내려 드리기만 하면 되나요???;;;

      숫자 하나만 고치면 바로 내려 가는데 아래로...;;

      아~ 가만히 생각해보니 ㅋㅋ 사이드바를 내리고 나면 사이드바 폭도 조정을 해야 옆으로 배열 되겠군요.. 음...

      숫자들만 좀 고치면 자동으로 되니깐... 올려드리죠..

    • 1단으로 사이드바 내린걸 공개 했으니 테스트 한번 해보세요^^;;

      http://www.jaea.net/1741

  3. 흐미 저두 초반에 폭 조절한다고 완전 화면다 깨지고 했던 기억이 납니다.
    지금은 어느정도 자리 잡은것같아서...되도록이면 손않대고 있는 모드랍니다. ^^

  4. 제아님 진심으로 감사합니다

    제아님덕분에

    1단스킨에서 2단스킨으로 변경했습니다.

    ㅎㅎ

  5. 설명을 잘해주셔서 쉽게 해냈어요 ㅎㅎ

  6. 잘 설명이 되어있네요 ^^;;

    감사합니다.. 수정후에 안되면 다시.. 쿨럭

댓글을 달아주세요!