티스토리 꾸미기 - 사이드바 좌우 바꾸기

2012 포스팅 자료실 2012.01.22 11:13
**티스토리 꾸미기 2장 - 사이드바 좌우 바꾸기**


티스토리를 처음 시작하면 스킨 설정에서 부터 개성에 맞는 꾸미기 까지 복잡한것 같지만 쉬운 절차들이 몇가지 있습니다. 그중, 스킨을 설정했는데 그 스킨상의 사이드바의 위치가 맘에 들지 않다고 생각되시면 간단한 방법으로 좌우 위치를 변경하실 수 있습니다. 

먼저, q를 누르면 관리자에 들어가게 됩니다.
관리자에서 HTML에 들어가 주신다음, Ctrl + F 를 누르면 '찾기' 창이 나옵니다.



그 다음, '찾기'창에 float 라고 칩니다.

 
/* 블로그 레이아웃 */
#header .head-container {width:/*@post-width:267*/950px/*@*/; margin:0px auto; }
#body { clear: both; width:/*@post-width:257*/940px/*@*/; margin:0px auto; }
#content {
 float:left;
 width:/*@post-width:42*/725px/*@*/;
 overflow:hidden;
 word-break:break-all;
}
#sidebar {
 float:right;
 width:200px;
 overflow:hidden;
}


float 에 있는 left 를 right 로 right는 left 로 바꿔주면, 끝입니다 . ;
간단하죠 ? 참고로, 절대로 ; 를 지워서는 안됩니다. 그러면, 사이드바가 본문 아래로 내려가 버린다던지 하는 오류가 발생하기 때문이죠.

변경 후,


이 float의 값만 변경해 주면, 서치박스의 위치나 타이틀의 위치등을 쉽게 바꾸실 수 있습니다.


  • Favicon of https://shipp.tistory.com BlogIcon 낙화- 2012.10.04 15:51 신고 ADDR 수정/삭제 답글

    잘 보고 갑니다 ~ ^^

  • Favicon of https://uomostory.tistory.com BlogIcon mapsi 2014.01.28 19:18 신고 ADDR 수정/삭제 답글

    허걱 서치박스만 옮기려고 했는데 사이드바가 옮겨졌어요 ㅠ.ㅠ. 제가 잘못했겠죠 ㅠ.ㅠ
    으아악 정말 힘드네요..암튼 감사합니다.하나씩 알아가는 재미가 있네요