Fastboot 반응형스킨 본문 줄이는 법

예전 필자는 Fastboot스킨 본문 너비가 이전 블로그와는 달리 너무 넓어서 줄일려고 온갖 방법을 다 동원한 적이 있었다. [HTML/CSS] 편집기능을 이용하여 코드도 수정해보고 티에디션 기능인 [너.비.줄.이.기]도 이용해보고 하였지만 결국엔 찾지를 못했다. 그러던 중 임시방편이긴 해도 본문 너비를 줄이는 방법 한 가지를 알게 되었다.

민키의 하루를 시작하는 명언들

『해보지 않고는 당신이 무엇을 해낼 수 있는지 알 수가 없다.』

『게으름은 피곤하기 전에 쉬는 습관일 뿐』

『미리 숙고하면 힘든 일도 그저 실행에 옮기는 순간 쉬워진다.』

『열정은 기회를 발견하고 에너지는 그것을 활용한다.』

●공지사항

※이 글의 저작권은 [메롱하는원숭이 민키]에게 있습니다. 

※무단복제 및 도용을 금지합니다.

※일부사진는 퍼온 것일 수 있음을 알려드립니다.

FASTBOOT스킨 본문너비 줄여보자.

사실 이 방법은 임시방편으로 찾은 방법이기에 아직까지 의문이 많다. 왜냐하면 필자가 원하는 방법은 본.문.너.비. 만 줄이는 것이고 나머지 영역은 그대로 유지해주었으면 하기 때문이다. 그런데 아직 까지는 이렇다 할 해결 방안을 찾지 못하였기에 이런 방법이라도 알려드리고자 한다. 

이 방법은 본.문.너.비.는 줄일 수 있지만 반대로 사이드바 너비가 넓어지는 방법이다.

즉 본문이 줄어들이기 위해서는 사이드바 너비를 넓힐 수 밖에 없다는 것이다. 혹시나 이 방법을 사용하는 분들은 이 점 유의하시길 바란다.

본문은 줄이고 사이드바는 넓히자.

현재 Fastboot스킨은 본.문.과 사.이.드.바. 너비 총합이 12로 지정 되어있다. 본.문 9, 사.이.드.바는 3으로 현재 설정이 되어 있다.

따라서 총 합 12을 맞추어 주어야만 하기에 어느 한 구간을 늘리면 다른 한 구간은 줄여들어야만 한다. 또한 이 총합을 줄일 수도 있다. 현재 설정되어 있는 건 12이지만 이걸 11으로 줄여서 사이드바와 본문너비를 비율적으로 줄일 수 있다. 암튼 이런 원리로 본.문 너비를 줄일것이다.

본문너비 줄이는 방법.

우선 [관리자] - [HTML/CSS편집]항목을 클릭한다.

그리고 [Ctrl + F] 기능을 이용해 <div class="col-md-12"> 를 검색한다.

위의 "col-md-12"에 12가 현재 설정되어진 총 너비라고 볼 수 있다. 이 숫자를 줄이거나 늘려서 너비를 지정해주는데 필자가 여러가지를 만져 본 결과 가장 이상적인 숫자는 12였다. 암튼 만약 지금 현재 총 너비가 넓거나 좁다면 이 수치를 바꾸길 바란다.

이제 본문 너비를 변경해보자 

이전과 마찬가지로 [Ctrl + F] 검색기능을 이용해 leftContent 를 검색한다. 하고 나면 현재 9로 설정된 걸 볼 수 있는데 필자는 줄이길 원하니 8로 변경해보았다.

사이드바 너비도 조정해주도록 하자. 

검색기능을 이용하여 sidebar col-md 를 검색한다. 그러면 본.문너비와 마찬가지로 나오는데 여기서는 12의 총합을 맞추기 위해서 4를 넣었다.

그리고 나서 [저장]을 누르고 새로고침을 누르게 되면 이전과는 달리 본.문.너.비.는 줄어들고 사.이.드.바.는 늘어난 걸 볼 수 있다. 

현재 필자가 알고 있는 방법 중에는 그나마 현실적으로 적용시킬 수 있는 모습이다. 만약에라도 찾다 찾다 안돼서 본.문너비를 줄이고 싶은 분들이 있으면 이 방법이라도 해보길 바란다. 혹시나 이 방법 외에 다른 방법이 있다면 필자에게도 알려주었으면 한다. 이상 끝.

2017/08/18 - 티스토리 콘텐츠 내 자동삽입광고 본문중간에 넣는방법

2017/08/16 - 티스토리 파워포인트이용하여 쉽게 대표 썸네일 만들기

2017/08/12 - 티스토리 머리말(h3) 색상변경하는 방법