zb5beta - 질문답변
분홍토끼의 새 블로그 레이아웃 입니다. 기존의 사이트 방식은 운영하기도 난감하고
제 개인으로 운영하기엔 너무 방대해서 저의 특성에 맞게 하려다보니 개인적으로 사용할 블로그를 디자인하게 되었는데요.
스킨을 만들기 전에는 이럴 생각까진 아니었는데 지나치게 오래 걸려서 만들어버렸습니다.
아무튼 처음 공개하네요. 베타인데다 제가 시간이 없어서 유효성검사는 완벽히 통과하지 못하지만,
접근성이나 웹표준에는 크게 손색이 없습니다. 일단 제작은 파이어폭스를 기준으로 했으며, IE 6 에서 핵과 여러 버그 바로잡기를 통해서 거의 동일한 시각적 인터페이스를 보실 수 있습니다.
보시다시피 이 블로그 레이아웃은 모듈 템플릿과 함께 사용하셔야만이 통일감이 듭니다. 원래는 되도록 유효성 검사까지 모두 통과한 후 올리고 싶었는데 뭐 지금도 웹표준에 있어서 걸릴 것은 없다고 생각합니다. 꼭 유효성 검사만이 전부는 아니니까요.
이 스킨은 레이아웃과 모듈 모두 거의 모든 부분의 소스 코드가 수정되었습니다. table로 되어있던 불필요한 부분은 제가 거의 DIV로 수정하였으며, 게시판의 리스트 몇 개와 에디터는 테이블 구조가 적합하여 내버려뒀습니다.
스킨의 특성
==========
1. 스킨의 특성상 블로그 레이아웃과 블로그 포스트(혹은 게시판) 모듈을 함께 설치해야 디자인이 통일감이 듭니다.
2. 플러그인 스킨은 각각의 원본 제작자 분들의 저작물이라서 제가 공개하지 않겠습니다. 사실 달라진 부분 거의 없습니다.
3. 연재글 모드시 , 앞/뒤 연재글 표기로 인해 제목줄이 깨짐을 방지하기 위해 앞/뒤 연재제목을 삭제하였습니다 (주의)
4. 게시판 헤더제목 라인은 없앴으며, 사실 애초에 배포용으로 만들었던게 아니라서, 저의 목적상 또 레이아웃 폭의 제한상 제목의 길이를 염두에 두어 불필요한 투표수나 조회수 글번호는 없앴습니다 (이것은 각자 알아서 다시 넣으셔야 하는데, 문제는 고정폭 레이아웃에 고정폭 엘리먼트들이라서 하나 추가하면 CSS에서 상관있는 요소들의 치수도 전부 다 조정하셔야 한다는 점 - -;;)
5. 레이아웃과 블로그포스트 모듈만 먼저 공개합니다. 게시판형 모듈의 템플릿 골격은 피드님의 비밀게시판 모듈을 기초로 디자인 되었습니다. 그런데 피드님께 아직 허락도 못받았고, 제가 기반으로 한 비밀게시판이 약간 저를 위해 피드님이 만들어주신 번역게시판 이기때문에 이 문제로 인해 일단 허락을 받을때까지 제가 마음대로 공개를 할 수가 없습니다.
6. 별도로 게시판이면 게시판 포스트면 포스트, 레이아웃이면 레이아웃 이렇게 모듈화된 스킨 하나만 단독으로도 사용할 수 있어야 너무 모든 사이트에서 모듈 및 레이아웃 등 전체가 획일적으로 똑같이 되지 않아서 더 좋을텐데.. 현재 이 스킨이 세트로 구성되어 있다보니.. 좀 획일화될 가능성이 있습니다. 아이콘이나 상단의 로고, 이미지, 배너 등은 알아서 개성껏 고쳐 사용해주시리라 믿습니다. 분홍토끼 사진은 저의 상징이니깐 꼭 바꿔주세요 ~.
7. 모듈 스킨에 구글 광고가 삽입되어 있습니다. 플러그인으로 할까 했는데, 원래 제가 사용할 목적이었어서 처음에 편의상 모듈 템플릿 안에 넣어버렸습니다. 이 부분은 스마티 주석으로 표시해놨으니 삭제를 하시거나 혹은 본인의 구글 광고로 대체하시면 되겠습니다.
8. 제가 다시 좀 바빠질 예정이고 zb5 the beta 프로젝트에서 문서화를 해야하므로, 블로그 컨텐츠는 업데이트를 조금씩 하겠지만, 스킨이나 모듈, 레이아웃 등에 대한 요청/개선 사항은 들어드릴 수 없음을 이해해 주시기 바랍니다. 그래도 궁금하신 사항은 제 블로그 방명록에 문의해주시면 가끔 답해드리도록 노력하겠습니다. CSS 디자인에 관한 사항은 언제든지 답변해드리니 많은 이용 바랍니다. 블로그에 질/답 란을 따로 만들까도 생각했었는데, 그냥 어차피 구분이 힘들어질 수도 있음을 예상해서 방명록에 통합해서 이용하도록 하겠습니다.
9. 몇가지 특이한 수정 문제로 인해 사용이 불편할 수도 있으니, 이것을 사용하시기 전에 특징을 자세히 읽어보시고, 수정이 별로 필요없고 무난하다고 생각되시면 사용하시기 바랍니다. - -;; 제가 개인적인 비지니스로 인해 - -;; 수정하고 싶으신 부분에 대해 일일이 A/S를 못 해드림을 이해해주세요..
10. 본 스킨은 FireFox 및 IE 6에서 제대로 표현되도록 비교하여 제작되었음을 알려드립니다.
보장할 순 없지만 기회가 된다면, 프로젝트를 통해서든 개인적으로든 더 좋은 디자인을 만들어보도록 하겠습니다. 제 개인 블로그 공개는 좀더 늦추려했는데 자꾸 미뤄저서 어쩔 수 없이... 자세한 미리보기는 블로그에 오셔서 주욱 둘러보세요.
카테고리란 사이드 바(좌 또는 우)에 나오는 메뉴 폴더를 말하구요,
연재 제목은 다들 아시리라 믿습니다.
이 두가지는 다른데 블로그 포스트에서는 기존에 연재 제목만을 보여주니
저의 개인적으론 게시물 관리가 불편해서 저렇게 메뉴 카테고리폴더까지 보여주도록
했습니다. 하지만 카테고리 폴더 맨 하위에 있을 경우에는 어차피 없어도 알아볼 수 있으므로
연재만 나오고 카테고리폴더는 나오지 않게 했습니다.
modules (분홍토끼 블로그스킨 1).zip
분홍머리칼(hair)이 아닙니다. 피부가 분홍색인 것도 아닙니다.
어렸을 적 기억에 남는 시기에 한창 유행했던 분홍토끼 인형에 영감을 얻어 정한 후,
18년째 사용 중인 저의 아이디 겸 트레이드마크 입니다.


되는데 엑박 나오네요 몇군대만