screenshot.jpg

screenshot2.jpg

screenshot3.jpg


Introduction

WTA Official Board는 WTA의 레이아웃들에 공통적으로 사용하기 위해 서기정님께서 제작하신 extravar 5차 수정 게시판을 토대로 Zeroboard XE의 기본 스킨을 Reform한 보드 모듈입니다. 제로보드 모듈의 업데이트를 고려하여 될 수 있는 한 원본 코드는 최대한 유지하면서 CSS 코딩만으로 군더더기를 없애고 보다 직관적으로 보일 수 있도록 작업하였습니다.

Feature

기존 제로보드 XE 공식 스킨에서 변경 된 부분들은 다음과 같습니다.

    * 모든 페이지에서의 줄간격 행간격을 보다 깔끔하게 정리
    * 모든 페이지의 폰트와 색상을 한글과 영문 전환에서 모두 미려하게 보일 수 있도록 스타일 시트 수정
    * 댓글달기와 댓글보기 부분의 코드를 깔끔하게 정리
    * 댓글달기와 보기/엮인글 보기에 열고닫기 토글기능 추가
    * 모든 페이지의 요소들 중 필요하다고 생각 되는 부분에는 Boxing 작업
    * 블로그 기능 사용 가능
    * 블로그 페이지에서 다소 산만한 레이아웃을 깔끔하게 정리
    * 기존 아이콘 일부 변경 (지속적으로 변경 예정)
    * 컬러셋의 지속적인 추가

CSS Customization

차후 추가 될 컬러셋과의 연동을 위해 common.css에서는 공통정의 코드를, glossary.css등과 같이 컬러셋 이름으로 표기 된 CSS 파일에서는 해당 컬러셋만이 가지는 개별적인 코드들이 정의되어 있습니다. 추후 컬러셋 업그레이드를 위해 common.css는 가급적 수정하지 말고 glossary.css와 같은 컬러셋 CSS 파일만 수정 할 것을 권장합니다.

Attention

현재 WTA Official Board는 White Glossary, Cocoa, Grunge 3개의 컬러셋이 있으며 이 컬러셋들은 모두 전용의 레이아웃을 추후 가지게 됩니다. White Glossary가 현재 컬러셋 중에서 가장 완성도가 높으며 Cocoa, Grunge 순으로 조금씩 컨버전이 진행되고 있습니다.

Relation Skins

본 스킨과 관련 있는 기타 스킨은 다음과 같습니다.

    * WTA Official Skin의 Cocoa 컬러셋용 에디터 스킨 | 자세한 내용보기

Update Information

    * 2008년 10월 15일 8시 10분에 업데이트 됨 (모든 페이지의 아이콘 경로문제 수정) | 자세한 내용보기
    * 2008년 10월 14일 17시 48분에 업데이트 됨
    * 2008년 10월 13일 10시 13분에 최초 등록 됨


p.s : 글쎄요... 적을것이 워낙 많은데 작업하면서 급작스럽게 올리다보니 뭐 적는 것도 너무 힘들군요-0- 자세하게 적지 못해서 죄송합니다. 일단 이런 스킨을 만들 수 있게 초석이 되어주신 제로님과 서기정님께 누구보다 먼저 감사드립니다^^ 엎드려서 절을 해도 모자를 정도로 항상 마음 깊이 감사 드리고 있습니다.

보잘것 없는 스킨이지만 혼자 버그 찾으려니 너무 힘들어서 혹시라도 관심 있으신 분은 사용하시면서 같이 버그 찾아 주시면 대단히 감사하겠습니다..

이 스킨은 제 홈페이지에서 기본으로 사용하고 있으니 게시판이 어떻게 생겼고 어떻게 동작하는지 보고 싶으시면 포럼 게시판을 만들어 놓았으니 보시면 되겠습니다

http://www.webtrendawards.com/Board_glossary

 제 사이트가 기본 영문으로 되어 있어서 혼동하시는 경우가 있을텐데, 한글로 보고 싶으신 분은 화면 상단에 언어 선택 부분을 한글로 선택하셔서 보시면 되겠고요. 그냥 설치하면 알아서 한글로 설치가 됩니다.

아 그리고 스크린샷에 있는 레이아웃은 어쩔수 없이 같이 찍혔습니다. 기존에 있는 사이트를 리폼한 레이아웃이 있는데, 또 뭐 베꼈느니 어쨌느니 태글 걸지 말아주시고요, 리폼 스킨에 대한 내용은 홈페이지에 따로 다 적어놨습니다^^

그리고 각 컬러셋에 버튼들 색상은 흰색으로 하나인데, 이건 buttonChange 애드온이 모듈별로 작동이 안되서 그렇게 찍혔습니다만.. 버튼은 빼고 봐주세요 ㅋ

아무튼 컬러셋이 3개라 느낌 잘 나는 스샷으로 찍어 올렸습니다.

아무쪼록 도움이 좀 됐으면 좋겠습니다^^;;