xpak 1.0 스킨 사용법

0. 스킨을 공개하면서

좀 심플한 스킨을 찾다가 그냥 하나 만들자 해서 만들게 됐습니다. 가급적 XHTML 표준에 맞추려고 노력 했습니다. 현재 IE, FF 테스트에서는 특별한 문제 없었고요.
기타 다른 문제는 엔트리의 내부에서 지원되지 않는 태그에 대해서는 어떻게 표준에 맞출 수가 없다는 것입니다. 이 부분은 코어에서 지원을 해줘야 하는 부분이라 넘어가겠습니다.
그리고 테마 방식으로 만들려고 하다 보니 조금 지저분하게 만들어진 것 같네요.
그나마 테마라고 들어 있는 것도 부끄러울 따름 입니다. (저는 미적 감각이라고는 없는 프로그래머라) 프로젝트 때문에 시간도 별로 없어서 대충 마무리 지어 이렇게 공개 합니다. 제가 시간 끄는 것 보다 많은 분이 도와 주시면 더 좋은 스킨이 될 수 있을 거라는 생각입니다.

좋은 테마 만드시면 올려 주시고요. 더 좋은 스킨으로 만들어 주세요.
참고로 SsemiSsemi 님의 스킨을 참고로 "태터 클래식 스킨" 참고로 만들었습니다.

0123

다운로드는 요기

1. 기본구성

스킨 디렉터리를 보시면 왼쪽과 같은 파일들이 존재합니다.
skin.html 파일은 스킨 템플릿 파일이고, 기타 css 파일들은 테마별로 구성해놓은 것입니다.

2. 스킨 테마 선택

우선 왼쪽 그림에 나오는 파일들 중 style.css 파일을 편집기를 이용해 오픈 하세요.
그럼 아래와 같은 내용이 출력 됩니다. 기본 설정되어 있는 테마 중 하나를 선택하시려면 xpak_테마이름.css 파일을 선택하세요. 기본은 xpak_blue.css 로 선택 되어 있습니다.

기타 xpak_define.css 태터툴즈에서 기본적으로 설정되어 있는 스타일시트 입니다. 가급적 수정 하지 않는 편이 좋습니다.
xpak_layout.css 기본 레이아웃에 대한 설정이 되어 있는 파일 입니다.
xpak_define.css, xpak_layout.css  파일은 항상 import 되어 있어야 하구요.
테마를 위한 각각의 스타일시트는 색상과 기타 모양과 관련된 설정이 되어 있습니다.

3. 스킨 테마 수정 및 추가

xpak_blue.css, xpak_pink.css, xpak_green.css, xpak_puple.css 중 테마 파일 하나를 복사해서 이름을 수정합니다. 그리고 style.css 에서 설정된 테마를 제외 하고 import 합니다.

예)
@import "xpak_define.css";
@import "xpak_layout.css";
@import "my_theme.css"; /* 새로 만든 테마 파일 */

그리고 나서 이 테마 파일을 편집기를 이용해 열면 아래와 같은 내용이 출력 됩니다.

주석을 참고해서 수정하시면 됩니다.

4. 플래시카운트 활성화

skin.html 파일을 열어서 라인 83의 카운트 부분을 지우고, 라인 84의 주석 처리된 부분을 살려 주시면 됩니다.

5. 추가하는 말

모두 공개된 스킨입니다. 마음 것 사용하시고, 수정 되고 더 좋게 만들어지면 알려 주세요. 저도 더 예쁜 스킨을 사용 하고 파요.

Milak 님이 요청하신 수정 스킨:

invalid-file