텍스트큐브 해상도 변경

블로그 자체가 처음인 저에게는 해상도 하나 바꾸는것도 쉽지 않네요~~;

텍스트큐브에 있는 기본적인 스킨은 본문틀이 너무 작은듯 합니다.

본문하고 옆에 사이드바 해상도 변경방법입니다.

p.s 이글은 zwoo아빠 님의 블로그 내용입니다. 시간이 되는데로 추가 수정 하겠습니다.

텍스트큐브의 "꾸미기"->"스킨편집" 에 가시면 style.css 코드를 편집하는 부분이 있습니다.

그중에 Layout 코드 부분을 보시면 아래와 같이 되어 있습니다.

/* ***** Layout **************************************** */

#container { padding-top:10px; background:url(images/bg_grd_top.gif) 0 0 repeat-x;}

  #header { background-color:#000; padding:28px 0;}

  #menu { clear:both; position:relative; height:40px; background:url(images/bg_grd_bottom.gif) 0 0 repeat-x; border-bottom:1px solid #e5e5e5;}

  #body { margin-top:30px;}

    #content { width:720px; overflow:hidden; float:left;}

    #sidebar { width:200px; overflow:hidden; float:right; background-color:#f5f5f5; padding:5px;}

  #footer { clear:both; padding:20px 0 0 0; }

.area { width:980px; margin:0 auto;}

노란색으로 표시된 3가지 부분이 컨텐츠, 사이드바, 전체 페이지 의 해상도(area)를 결정합니다.

주의하실 점은 컨텐츠나 사이드바의 해상도를 조절하시면(특히 해상도를 늘리시는 경우) 반드시 전체 해상도부분(area)을 반드시 조절하신 만큼 반영을 해주셔야 합니다.

아니면 화면이 깨져서 보일 수 있습니다.

배경이미지까지 수정하시고 싶으신 분들은 아랫글 참고해주세요~~