블로그 수정기록중...

스킨 수정에 대한 상세한 내용입니다.

 

http://www.textcube.org/theme/entry/basic_gray-스킨-수정-배포합니다

먼저 테터툴즈에서 배포하는 Basic_Gray 2단 스킨을 다운 받습니다.

스킨 설명을 보면 본문 크기를 700 px로 수정되어있다고 합니다.

 

수정 방향  :  본문의 크기를 980 px를 상향 조정, 그에 따른 부분도 상향으로 조정할 예정임.

 

1. 사이즈 변경 (Basic_Gray 2단 스킨 구조 기준임)

 style.css에서

 

<원본>
/* 블로그의 레이아웃 */
1.).container{ width:980px; text-align:left; margin:0 auto;}

수정                   1260 px

 

2) mainBody{ float:left; width:980px; padding:0; margin:0; }

수정                   1260 px

 

3) contentBody{ width:940px;}

수정                   1200 px

 

4) content { float:right; width:720px; margin:0 15px 5px 0; padding:0; display:inline; }

수정                             980 px

/* content > entryNotice, entryProtected, entry 본문 */
5) content .article{ margin:10px; width:700px; overflow:hidden; letter-spacing:0;}

수정                                            980 px

 

수정기준 본문을 700 px 에서 980 px로 상승시키는 부분으로 4), 1) 항목에 280 px를 더해줌.

 

3), 5) 부분은 우의 1260px , 980px를 적용하고 난후 레이아웃상으로 조절이 필요한 부분인데, 두라인의 유기적인 수치변화가 필요함.

 

마지막으로 1260 px로 늘릴시 위의 상단의 메뉴가 끊이 는 일이 발생하는데, 업로드된 menubar.gif의 수치를 1260 px로 늘려서 조정하면 이상 끝...