classic_bko_f3.zip06/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)
