티스토리 본문 넓이 넓히기 방법 설명 #content

블로그의 본문폭을 넓혀보자

블로그 본문폭을 넓히는 방법에 대해서 설명합니다. 티스토리 블로그는 XHTML + CSS 구조로 되어있습니다. CSS 를 조절하면 본문의 넓이 및 높이등도 조절이 가능합니다. 의외로 쉽게 조절이 가능하죠. 보통 스킨을 만들때 이름을 비슷하게 만듭니다. 본문의 경우는 id 를 사용해서 #content 로 보통 쓰죠. 이 부분에 대한 CSS 를 조절하면 본문의 넓이를 넓히거나 줄일 수 있습니다.

예전에 젤리빈님 블로그 본문 넓히는 것에 대해서 설명해주겠다고 했었는데 이번에야 글을 정리해서 올리네요. 동영상도 만든건 좀 되었는데 이제야 공개합니다.

파이어폭스의 부가 기능중 하나인 파이어버그를 이용하면 미리 스킨을 제어해서 수정해 볼 수 있습니다. style.css 에서 #content 부분에 width 를 조절하면 본문을 넓힐 수 있습니다. 만약 #content , #sidebar 가 다른 박스에 다시 묶여 있고 그 박스에도 크기가 지정되어있다면 #content 의 넓이를 조절한만큼 바깥쪽에 있는 박스의 크기도 같이 조절해줘야 합니다.

블로그의 본문폭을 넓혀보자 동영상 설명

사진으로 설명하는 것보다 동영상으로 설명하는것이 보기 더 편하겠죠. #content 의 스타일을 어떻게 조절하는지 유심히 봐주세요.

강좌 동영상 원본 다운로드

[mix]HMC_intro.part1.rar

[mix]HMC_intro.part2.rar