kkamagui의 작업실

 오늘 블로그 스킨을 바꾸고 나니 다른 것은 그럭저럭 마음에 드는데, 사이드바와 본문의 위치가 마음에 들지 않았습니다. 스킨 위저드에서 사이드바와 본문의 위치를 바꾸는 항목은 없더군요. 그래서 스킨 편집의 HTML/CSS 수정으로 가서 style.css 파일을 조금 손봤습니다.

 의외로 아주 간단하게 되어있더군요. 아래의 소스코드에서 content와 .sidebar 항목의 left와 right만 바꾸면 원하는 위치에 본문과 사이드바를 둘 수 있습니다.
/* 블로그 레이아웃 */ #container { margin:0 auto; margin-top:0px; margin-bottom:0; //background:url(images/bg4.jpg); } #container .inner { padding-bottom:40px; 0 0 no-repeat; padding:40px 5px 0 5px;} #container .inner2 { no-repeat left bottom; padding-bottom:0px;} #header { // Blog 맨 위에 들어가는 설명 padding:0 10px 0 20px; background-color:#7870ab; color:#000000; text-align:center; } #content { float:left; <== 여기를 left or right로 수정합니다. ^^ width:/*@post-width:-30=*/ 670px /*@*/; overflow:hidden; margin:0 20px 0 0; } .sidebar { float:left; <== 여기를 left or right로 수정합니다. ^^ width:166px; overflow:hidden; margin-left:12px; }
 content는 본문의 위치를 나타내고 .sidebar는 사이드바의 위치를 나타냅니다. ;)
 진작 바꿀껄~ 괜히 마음 고생만 했네요 ^^)/~