서브메뉴

[TT classic] simple_bko final

by Textcube_Admin

exako
Image10.jpg


06/03/12 HTML 4.01 - XHTML 1.0 기타 자잘한 수정


06/02/13 방명록 입력관련 대박 버그 수정


06/02/13 XHTML 1.1 --> HTML 4.01 , FireFox 댓글 및 방명록 입력관련 버그 수정





태터 클래식용 simple_bko입니다. 스타일 시트 변경 스크립트가 포함된 무거운 버전입니다.


기존 bko스킨과 디자인상의 차이는 없으며 클래식 정식판에 맞도록 추가/삭제가 있었습니다.





psd파일등 관련파일은 블로그에 올려놨습니다.


-----------------------------------------------------------------------------------------------------------------


훌륭한 스킨은 아니지만 많은 분들이 이용해 주셨으면 하는 마음입니다.


이전 simple_ako와 마찬가지로 table테그를 사용하지않고 css와 div를 이용해 만든 스킨입니다.


IE와 FF에서 정상 동작 확인했습니다.


제작 : http://www.exako.net





설명


1. table 테그를 사용하지 않고 css와 div만을 이용해 만들어진 스킨입니다.


2. 이번에는 이미지 강제축소 스크립트는 제외했습니다. 테이블과 달리 div로 레이아웃을 구성하게 될 경우 큰 이미지가 전체 구성을 망가트리는 일이 발생할 수 있습니다. 가능하면 가로 폭 (590px)에 맞추어 이미지를 업로드 하시기 바랍니다.


3. 메뉴 부분은 클릭으로 닫거나 열수 있지만 설정이 저장되지는 않습니다. 기본으로 닫혀진 상태인 archive와 link 부분을 참고해서 스타일(style="display:none;") 추가를 통해 처음 상태를 지정할 수 있습니다. -skin.html


4. 상단 이미지파일은 image폴더내의 main_top_img.jpg 을 628x150크기에 맞추어 변경해 올려주시면 됩니다.


5. 관리자 페이지에서 업로드 가능한 블로그 이미지(우 상단)는 가로폭을 174이하로 업로드 부탁드립니다.


174px이상일 경우 레이아웃은 망가지지 않으나 그림이 사정없이 잘려버립니다.


6. classic 정식 버전용 스킨입니다.





-----------------------------------------------------------------------------------------------------------------


본문 폭 늘리기..





style.css 파일에서 /* 페이지 레이아웃 */ 아래를 살펴보면 아래 내용을 확인 할 수 있습니다.


#blog_main {


margin:0 auto;


width:820px;


text-align:left;


padding-top:24px;


}


...


#mainview{


width:640px;


padding:0;


margin:0;


text-align:left;


float:left;


}





#mainview 부분이 본문영역에 해당하며 #blog_main은 전체 블로그 영역을 나타냅니다. 두개 항목의 가로 폭 값(width)에 늘리고 싶은 픽셀만큼을 더해주거나 빼서 가로 폭을 조절할 수 있습니다.


*참고: 여백과 테두리가 차지하는 영역은 약 50px정도 됩니다.


(#mainview폭이 640px일경우 가용 폭:590px)

2006/02/12 13:18 2006/02/12 13:18
Rated 5/5 (100%) (1 Vote)
받은 트랙백이 없고   15개의 댓글이 있습니다.
이 글의 댓글/트랙백 RSS : http://www.textcube.org/theme/rss/response/17
이 글의 관련글(트랙백) 주소 : http://www.textcube.org/theme/trackback/17