이미지가 마음에 드는 스킨을 찾았어도 본문의 너비라든지 사이드의 너비가 마음에 들지 않아
스킨 사용을 포기하는 경우가 적지 않더군요.
이번에는 본문의 너비를 넓히는 방법에 대해 알아 볼게요.
★본문의 너비
스킨편집의 html/css편집 화면으로 들어가서
CTRL+F 찾기를 이용해 " #content "라는 부분을 찾는다.
#content {
float:left;
width:/*@post-width=30*/ 640px /*@*/;
overflow:hidden;
border : solid 1px #aaa;
padding : 5px 25px 30px;
margin : 0;
background-color:#fff;
float:left;
width:/*@post-width=30*/ 640px /*@*/;
overflow:hidden;
border : solid 1px #aaa;
padding : 5px 25px 30px;
margin : 0;
background-color:#fff;
※스킨의 종류(스킨 만든사람)에 따라 차이가 있으니 꼭 저런 모양이라고 볼수는 없다.
빨간부분이 본문의 너비 입니다.
640(스킨에 따라 다릅니다 참고만 하세요)을 원하는 너비로 조정해주세요.
★본문기사의 너비
본문의 너비가 바뀌었으니 본문기사의 너비도 바꿔보겠습니다.
마찬가지로 CTRL+F 찾기 기능으로 " .article "을 찾습니다.
.article { width:/*@post-width=*/ 630px /*@*/; margin:5px 5px 30px 5px; overflow:hidden; color:/*@post-body-color=#333*/ #333 /*@*/; /*@post-body-font-family=font-family:;*/ font-family: inherit; /*@*/ /*@post-body-font-size=font-size:;*/ font-size: inherit; /*@*/}
.article a:link { color:#5a5194; text-decoration:none;}
.article a:visited { color:#5a5194; text-decoration:none;}
.article a:hover { color:#7870ab; text-decoration:underline;}
.article a:active { color:#5a5194; text-decoration:none;}
.article dt { text-decoration:underline;}
.article dd { margin-left:20px; padding-bottom:10px;}
.article a:link { color:#5a5194; text-decoration:none;}
.article a:visited { color:#5a5194; text-decoration:none;}
.article a:hover { color:#7870ab; text-decoration:underline;}
.article a:active { color:#5a5194; text-decoration:none;}
.article dt { text-decoration:underline;}
.article dd { margin-left:20px; padding-bottom:10px;}
※스킨의 종류(스킨 만든사람)에 따라 차이가 있으니 꼭 저런 모양이라고 볼수는 없다.
빨간부분이 본문 기사의 너비 입니다. 원하는 너비로 바꿔주시면 됩니다.
ps. 아참 사이드바도 위와 같은 방법으로 너비 변경하면 될 것 같네요. 다음에 해보고 글 올릴게요
'티스토리설정' 카테고리의 다른 글
| [티스토리 중독] 트랙백 사용하는 방법 (0) | 2008.09.08 |
|---|---|
| [티스토리 중독] 티스토리 하위 카테고리 항상 열기 (20) | 2008.09.07 |