[티스토리] 오딧세이 스킨 - 본문 너비 변경 (애드핏 광고 안짤리게 하기)

카카오 애드핏 광고를 달았다.

보시다시피 애드핏의 광고 사이즈는 728 x 90 이여서 옆에 사이드바를 침범한다.

(원인은 오딧세이 odyssey 스킨의 기본 사이즈는 640이다)

 

 

방법은 두가지이다.

여기서 주로 설명할 것은 2번 본문 너비를 변경하는 방법이다.

 

1) 광고 사이즈를 변경

  - 카카오 애드핏의 광고 사이즈는 728*90, 300*250, 320*100 이 있어, 짧은 사이즈로 변경

 

2) 본문 너비 변경

   - 본문 너비를 728이 들어가게 730정도로 변경하는 것이다.

  - 본인tistory주소/manage 사이트로 이동 > 꾸미기 > 스킨편집

예) databonanza.tistory.com/manage

 

 - 우측 상단에 html 편집

 

 - CSS 부분에서 "ctrl+f" 를 눌러 "/* area-main */" 검색

  (해당부분이 본문의 사이즈를 결정하는 부분이다)

  (1414번째 줄)

 - 기존 max-width: 640px 를 730px로 변경

기존 640px 를 730px로 변경

 

 - 완성!! (이제 안짤리고 나온다)

 

 - 근데 문제가 있다, 사이드바의 이미지가 직사각형으로 찌그러졌다...

 (전체 너비가 있으면 본문 너비가 늘면, 사이드바의 너비가 줄어드는 개념이다)

 

 - 사이드바의 이미지도 정사각형으로 맞춰준다

 - 마찬가지로 "Ctrl+F"를 눌러 ".area-aside .box-profile .img-profile"를 검색

  (1496번째 줄)

 - 기존에 margin: 49px 0 14px 0을 20px 0 0 0 로 변경

 

 - 완성!!!