all.jpg


layout_only.jpg


setup.jpg



간단명료하게 알려드릴 부분만 기재하도록 하겠습니다. 소개에 앞서 이 스킨을 제작하는데 가장 큰 도움을 주신 id: ascii™님과 베니님(http://www.digist.co.kr/)에게 먼저 감사의 말씀부터 드립니다.



1. 소개

* 블로그 레이아웃입니다.

* 기본으로 제공하는 ZBXE 기본 블로그 스킨을 토대로 제작되었습니다.

* 기능보다는 디자인과 깔끔한 마크업에 중점을 두었습니다. CSS Validation은 통과하였으며 XHTML은 현재 제 컴퓨터에서 임시서버 환경을 만들어서 제작했기 때문에 아직 검증을 못받은 상태입니다. (만약에라도 호스팅을 바꾸게 된다면 그때는 가능할지도 모릅니다)

* 추후 업그레이드를 위해서 기존 원래 코드는 "삭제"보다는 일단 "숨김"과 "추가"를 바탕으로 제작하였습니다.

* 로고와 바탕이미지는 관리자 설정에서 정하신 파일로 사용하실 수 있으며 PNG 파일을 사용하실 수 있습니다.

* 본 레이아웃 스킨 이외에 [최근 게시물], [최근 코멘트], [카테고리 출력], [월별 보관 출력] 총 4개의 스킨은 현재 CSS Validation 통과를 위해 다듬는 중에 있습니다. (업로드 된 이미지 중에서 완전히 구성된 것이 5개의 모든 스킨을 함께 적용된 예)

* 몇가지 기본 스킨에서 변화가 안된 부분이 있습니다. (예를들면 코멘트 쓰는 폼 양식 따위). 이런것들은 제가 원하는 기능이 아직 제대로 돌아가지 않아서 디자인을 입히지 않은 보류상태의 것들 입니다.


2. 장점

* 아스키님과 베니님의 도움으로 코멘트가 토글되며, 처음에 뿌려지는 게시물의 코멘트는 숨김으로 나왔다가, 제목을 클릭해서 나오는 본문읽기 부분에서는 모든 코멘트가 펼쳐져서 나옵니다. (물론 리스트 화면에서도 클릭으로 코멘트를 펼칠 수 있습니다)

* 메뉴는 1차 메뉴로 되어있으며, 관리자 화면에서 메뉴를 추가 할 경우 위 샘플 이미지와 같이 알아서 둥근모서리 버튼을 만들어줍니다.

* 이 레이아웃과 어울릴 수 있는 몇가지 디자인 코드들을 코멘트와 함께 코드에 넣어놓았으니 커스터마이징 하실때 참고하십시오.


3. 단점

* 본래 디자이너라 프로그램에는 무지한지라 몇가지 부분들 (메뉴얼에 없거나 질답 게시판에 내용이 없는 관계로 구현하지 못한 좋은 기능들)이 있습니다. 어차피 레이아웃에서는 프로그래밍 적인 부분보다는 디자인적인 요소가 많이 들어가고, 보드 스킨에서 프로그래밍 부분이 많이 나오기 때문에 이 레이아웃은 딱히 장점이니 단점이니 의미가 없는 것 같습니다, 곧 등록 할 블로그 보드 스킨에서 체크하겠습니다.


4. 설정

* 압축을 푼 디렉토리 "Xesta"를 ZBXE > Layouts 폴더 안에 복사합니다

* Xesta는 여러분이 관리자 화면에서 설정하는 배경이미지와 레이아웃이 완전히 녹아들게 하기 위해서 부분적으로 PNG 투명이미지를 사용했습니다. 이 투명이미지를 사용하기 위해서는 ZBXE 파일에 한가지 추가할 부분이 있습니다.

ZBXE > common > tpl 폴더안의 common_layout.html 파일을 열고, <head></head>태그의 맨 마지막에 아래의 코드를 넣습니다.

 <!--[if lt IE 7]>
 <style type="text/css">
 div, .png24 { behavior: url(http://127.0.0.1/zbxe/common/js/iepngfix.htc) }
 </style>
<![endif]-->

url 부분의 http://127.0.0.1 부분만 자신의 도메인 주소로 바꿔주십시오. 이것만 추가하시면 됩니다.

* 이제 관리자 화면에서 레이아웃 설정을 샘플 이미지와 같이 해주십시오. 배경이미지의 경우에는 이미지 폴더안에 main-bg.gif가 있으니 일단 사용하시고 로고 역시 이미지 폴더안에 xesta-logo.gif가 있으니 임시로 사용하십시오.


5. 마무리

* 너무 상세한 부분들까지 모두 적진 못했습니다. 공식적인 스킨 업로드나 업데이트 파일에 대한 업로드는 제로보드 공식 홈페이지를 이용하고, 기타 업그레이드나 추가적인 부분들에 대해서는 개인 홈페이지에서 천천히 다루겠습니다.

* Xesta Vivid 제작현황과 업데이트 및 패치 관련 뉴스는 아래의 링크를 참조하시기 바랍니다.
http://www.thehammer.co.kr/blog/xesta-vivid-release/

* 매일 저녁 8시부터 10시까지는 온라인 작업상 IRC에 접속해 있습니다. Xesta Vivid 스킨에 관한 정보공유겸 대화하시기를 원하시는 분은 제로보드 IRC 서버에 접속하시면 되겠습니다. 접속 방법은 아래의 링크입니다.
http://www.zeroboard.com/forum_irc



* 기타 기존 제로보드 4 스킨 다운로드 링크

- 8tunes Aqua Forum Skin
http://www.zeroboard.com/?mid=zb4_skin_user&search_target=title&search_keyword=aqua&document_srl=1450565

- 8tunes Aqua Training Skin
http://www.zeroboard.com/?mid=zb4_skin_user&search_target=title&search_keyword=aqua&document_srl=1453515

- 8tunes Rediant Satin Forum Skin
http://www.zeroboard.com/?mid=zb4_skin_user&search_target=title&search_keyword=satin&document_srl=1455571

More info The Hammer (8tunes)


이 게시물을..