* 사이드바를 오른쪽에서 왼쪽으로 변경
- html 수정
* 타이틀의 메뉴와 써치 박스를 왼쪽 정렬로 변경
* 배경 그림 변경
- 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 -->
...
<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/*@*/; }
/* 블로그 레이아웃 */
#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/*@*/;}
수정본
/* 블로그 레이아웃 */
#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;}
#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으로 수정