티스토리 관리

티스토리 html, css 수정

영스파파 2010. 11. 24. 09:55
* 사이드바를 오른쪽에서 왼쪽으로 변경

  - html 수정
원본
    <div id="container">
        <div id="wrap_body">
          ...
        </div><!-- /wrap_conetent -->
        <div id="sidebar">
          ...
        </div><!-- /sidebar -->
          ...

수정본
    <div id="container">
        <div id="sidebar">
          ...
        </div><!-- /sidebar -->
        <div id="wrap_body">
          ...
        </div><!-- /wrap_conetent -->
          ...

  - css 수정
원본
/* 블로그 레이아웃 */
#sidebar { width:200px; padding:20px; margin-left:/*@post-width:40=margin-left:*/560px/*@*/;}
#wrap_body { float:left; width:/*@post-width:40*/560px/*@*/; }
#content { padding:0 20px 20px 0; width:/*@post-width:40*/560px/*@*/;}
.article { width:520px; overflow:hidden;}

수정본
/* 블로그 레이아웃 */
#sidebar { float:left; width:200px; padding:20px;}
#wrap_body { float:left; width:/*@post-width:40*/1000px/*@*/;}
#content { padding:0 20px 20px 0; width:/*@post-width:40*/1000px/*@*/;}
.article { width:960px; overflow:hidden;}



* 타이틀의 메뉴와 써치 박스를 왼쪽 정렬로 변경

원본
        #blogMenu { text-align:right; margin-top:20px;}
        #searchBox { text-align:right;}

수정본
        #blogMenu { text-align:left; margin-top:20px;}
        #searchBox { text-align:left; margin-left:40px;}



* 배경 그림 변경

images/bg.gif가 사이드가 오른쪽인 경우에 맞는 그림이어서 왼쪽에 맞는 그림으로 수정



* 관리자 -> 스킨 -> 화면출력 설정 -> 본문 가로 크기
   를 1500으로 수정