[SKIN] QUAN X skin forTT 0.96 (공개)
2005/08/08 20:12
[Abstract]
태터 툴즈 0.96용 공식 스킨을 XHTML 버전으로 수정하여 배포.
[/Abstract]
태터 툴즈 0.96가 공개되었습니다. 기다리다 목이 빠져 달아날 정도로 오래 걸렸기에 1.0이 아니라도 반갑지 그지 없는데요. 하지만 제가 원하던 주요 기능(UTF-8 지원 등)이 쏙 빠져있어서 아쉽습니다.
특히나 새로운 버전과 함께 배포한 공식 스킨이 여전히 HTML 4.01 문법과 테이블 디자인 위주로 짜여져 있어서 실망감마저 느꼈습니다. 그래서 제가 이 스킨을 XHTML 1.0 Transitional버전으로 고쳤습니다. 외형은 거의 차이가 나지 않으면서, 속 알맹이는 싹 바뀐 것이죠.
XHTML과 웹표준에 대한 홍보활동(?)의 일환으로 스킨모음 게시판에 공개하려고 했으나 허락도 없이 수정한 걸 재배포해도 되나 싶어서 그냥 여기서 몰래 -_- 클로즈 베타 테스트 형식으로 -_- 공개합니다.
그래서 그 이름도 'QUAN X'. 여기서 X는 XHTML의 X입니다. 스킨을 브라우저로 띄워서 원본과 비교하시면, 큰 차이가 없을 겁니다. 점선 라인을 그림이 아닌 CSS로 처리해서 좀 다르게 보이긴 하지만요. 하지만 소스를 보시면 많이 다릅니다. 기본적으로 테이블 없는 디자인, 최대한 디자인 요소는 CSS로 처리, 표준문법 준수 등의 작업을 거쳤습니다.
그런데 테이블 없는 디자인을 하긴 했지만, 방명록과 댓글 입력폼은 원본 테이블 그대로입니다. 이 부분은 그 자체가 충분히 구조적이기 때문에 표로 짜도 충분하다고 판단했거든요.
표준문법이란 대충 소문자 표기, 문단은 p 와 div 사용, 값은 ""로 묶고, img에는 반드시 alt값 넣기, 혼자 쓰이는 태그는 />로 닫기 등을 말하고, JH님이 많이 빼먹으신 마진값에서 px 단위 표기라든가, target값도 다 뺐고요.
하지만 이렇게 해도 일단 문법검사기는 절대 통과못합니다. 왜냐하면 태터 툴즈 고유의 확장자들이 전부 걸리거든요. -_- 스킨 파일로는 Valid 문구를 못보고, 스킨을 입힌 블로그를 검사해야 하는데, 여기서 주의사항은,
이 스킨을 쓴다고 XHTML 1.0 문법검사를 통과한다는 보장은 없습니다.
왜냐하면 블로그 본문에 웹표준에 어긋나는 부분이 있으면 걸리기 때문이죠. 저는 얼마전부터 글 안에 들어가는 태그 같은 것도 표준준수를 위해 신경을 써왔는데, 그래도 검사를 하면 input 태그를 비롯해서 걸리는 부분이 많네요. 이건 태터 툴즈의 문제라서 고칠 수가 없네요. ＿|￣|○
하지만 어쨌든 웹표준을 준수하여 만든 스킨이므로 일단 이 스킨을 적용한 블로그는 M$IE는 물론이고 오페라, 사파리, 갤리언 등등 어떤 브라우저에서건 잘 보이리라고 믿습니다(아니면 어쩌지 -_-). 저는 M$IE와 FF에서만 확인을 했습니다. 칸을 나누는 점선부분을 제외한 모든 부분이 똑같이 보이고 이상없이 작동합니다.
그래도 버그는 있을 수 있으니까 알려주시면 고맙겠습니다. 특히 맥의 사파리나 리눅스용 갤리언 같이 제가 쓰지 못하는 브라우저를 이용하시는 분은 깨지지 않고 잘 보이는지 말씀해주시면 좋겠습니다.
* 기존 QUAN 스킨을 쓰신 분은 images 폴더는 놔두고 스킨과 CSS 파일만 올리면 됩니다.
* 8월 13일 스킨에 댓글에 댓글 달기 기능을 추가했습니다.
태터 툴즈 0.96용 공식 스킨을 XHTML 버전으로 수정하여 배포.
[/Abstract]
태터 툴즈 0.96가 공개되었습니다. 기다리다 목이 빠져 달아날 정도로 오래 걸렸기에 1.0이 아니라도 반갑지 그지 없는데요. 하지만 제가 원하던 주요 기능(UTF-8 지원 등)이 쏙 빠져있어서 아쉽습니다.
특히나 새로운 버전과 함께 배포한 공식 스킨이 여전히 HTML 4.01 문법과 테이블 디자인 위주로 짜여져 있어서 실망감마저 느꼈습니다. 그래서 제가 이 스킨을 XHTML 1.0 Transitional버전으로 고쳤습니다. 외형은 거의 차이가 나지 않으면서, 속 알맹이는 싹 바뀐 것이죠.
XHTML과 웹표준에 대한 홍보활동(?)의 일환으로 스킨모음 게시판에 공개하려고 했으나 허락도 없이 수정한 걸 재배포해도 되나 싶어서 그냥 여기서 몰래 -_- 클로즈 베타 테스트 형식으로 -_- 공개합니다.
그래서 그 이름도 'QUAN X'. 여기서 X는 XHTML의 X입니다. 스킨을 브라우저로 띄워서 원본과 비교하시면, 큰 차이가 없을 겁니다. 점선 라인을 그림이 아닌 CSS로 처리해서 좀 다르게 보이긴 하지만요. 하지만 소스를 보시면 많이 다릅니다. 기본적으로 테이블 없는 디자인, 최대한 디자인 요소는 CSS로 처리, 표준문법 준수 등의 작업을 거쳤습니다.
그런데 테이블 없는 디자인을 하긴 했지만, 방명록과 댓글 입력폼은 원본 테이블 그대로입니다. 이 부분은 그 자체가 충분히 구조적이기 때문에 표로 짜도 충분하다고 판단했거든요.
표준문법이란 대충 소문자 표기, 문단은 p 와 div 사용, 값은 ""로 묶고, img에는 반드시 alt값 넣기, 혼자 쓰이는 태그는 />로 닫기 등을 말하고, JH님이 많이 빼먹으신 마진값에서 px 단위 표기라든가, target값도 다 뺐고요.
하지만 이렇게 해도 일단 문법검사기는 절대 통과못합니다. 왜냐하면 태터 툴즈 고유의 확장자들이 전부 걸리거든요. -_- 스킨 파일로는 Valid 문구를 못보고, 스킨을 입힌 블로그를 검사해야 하는데, 여기서 주의사항은,
이 스킨을 쓴다고 XHTML 1.0 문법검사를 통과한다는 보장은 없습니다.
왜냐하면 블로그 본문에 웹표준에 어긋나는 부분이 있으면 걸리기 때문이죠. 저는 얼마전부터 글 안에 들어가는 태그 같은 것도 표준준수를 위해 신경을 써왔는데, 그래도 검사를 하면 input 태그를 비롯해서 걸리는 부분이 많네요. 이건 태터 툴즈의 문제라서 고칠 수가 없네요. ＿|￣|○
하지만 어쨌든 웹표준을 준수하여 만든 스킨이므로 일단 이 스킨을 적용한 블로그는 M$IE는 물론이고 오페라, 사파리, 갤리언 등등 어떤 브라우저에서건 잘 보이리라고 믿습니다(아니면 어쩌지 -_-). 저는 M$IE와 FF에서만 확인을 했습니다. 칸을 나누는 점선부분을 제외한 모든 부분이 똑같이 보이고 이상없이 작동합니다.
그래도 버그는 있을 수 있으니까 알려주시면 고맙겠습니다. 특히 맥의 사파리나 리눅스용 갤리언 같이 제가 쓰지 못하는 브라우저를 이용하시는 분은 깨지지 않고 잘 보이는지 말씀해주시면 좋겠습니다.
quan-x.zip* 기존 QUAN 스킨을 쓰신 분은 images 폴더는 놔두고 스킨과 CSS 파일만 올리면 됩니다.
* 8월 13일 스킨에 댓글에 댓글 달기 기능을 추가했습니다.
오오.. 좋군요! 집에가서(?) 적용해보겠습니다.
방금 스킨 받아서 업로드 하고 이렇게 글 올립니다. 물론 이상 없이 잘 보입니다. IE, FF, Netscape 8.0 다 잘 보입니다.
감사합니다.
아, 그리고 아래 블로깅 원칙에서 제글로 링크달아 주신 것도 감사합니다. 그런데, 어쩌죠, 어제 serendipity 깔았다가 다시 태터툴즈로 돌아오는 과정에서 DB 백업을 하지 않은 관계로 그만 댓글 하고 아래 글을 잃어 버렸습니다. 길지 않은 글이라 다시 쓸 수 도 있지만, 그러면, 링크를 다시 수정하셔야 하니, 그냥 삭제하시는 것이 더 편할 듯 합니다.
어쩔 수 없죠. 좋은 글인데 다시 쓰시는 게 어떨까요.
IE에서 카테고리 글자가 잘리네요.
글 윗부분이 살짝 잘리는 거 말씀하시나요?
저도 해결방법을 모르겠습니다. 죄송합니다.