지금까지 많은(?) 태터툴즈 스킨을 만들어 왔습니다. 물론 저뿐만이 아니라 여러 다양한 분들이 스킨을 만들어 주셨죠!. 그래서 앞으로 더 많은 분들이 스킨만드는데 불편함을 조금이나마 덜어주고자~ 또 제 나름대로 정리해둘 필요가 있을것 같아서 포스팅합니다.

태터툴즈 스킨 만드는 법
  1. 만들고자 하는 스킨의 디자인 구상
    포토샵 작업이 가능하다면 포토샵으로 한번 그려보는것도 좋은 방법입니다.
  2. 구상한 스킨을 구조화 - skin.html 작성
    주의)닫는 태그에 주석처리해 줄것! 코드가 길어지면 자칫 헛갈릴 수 있습니다.
  3. 해당영역에 원하는 치환자 붙여넣기 - skin.html 작성
  4. style.css를 이용해서 디자인 하기 - style.css 작성
    • 문서 전체 공통 스타일 (body, input, a, ul, ol, li 등)
    • 전체 레이아웃 디자인
    • 해당영역 공통 스타일 디자인
    • 디테일 디자인

뒷 이야기!
태터툴즈 클래식때부터 나름 취미생활로 스킨을 만들기 시작했었습니다.
물론 그때는 xhtml에대해 전혀 모르던 때였고, 태터툴즈에서 연락이 와서 본격적으로 접하게 되었죠. CSS Zen Garden 을 보고 탄성을 지르던 때거 엊그제 같습니다. 하지만 하나의 html 파일을 가지고 css를 이용해서 어떠한 디자인도 커버한다라는 사실에 혼자만의 딜레마에 빠져들기 시작 했습니다. 솔직히 아직도 잘 모르겠습니다. 이런것들을 블로그 사용자 혹은 스킨제작자에게 강요해야 하는지... (물론 강요한적은 없지만..) 그래서 좀 유연해 지기로 하고, skin.html 을 수정하는 것에 대해 겁을 내지 않기로 했습니다. 강요하지도 않고... 암튼 딜레마에서 조금 벗어난 느낌입니다. ^^;; 그래서 스킨제작의 rule이 필요할것 같아서 정리하고 있습니다..


10월25일 덧붙임
스킨 메뉴얼이 자리를 옮겨 제대로 제작되었습니다. 참고하세요
http://plyfly.net/2630010
2006/09/06 14:02 2006/09/06 14:02

트랙백을 보내세요

트랙백 주소 :: http://www.plyfly.net/trackback/2629984
  1. 스킨을 만듭시다

    Tracked from bringbring.com 2006/09/08 15:26

    태터툴즈 스킨공모전 - event.tattertools.com 스킨을 만들어 봅시다 - from plyfly.net 어제 자려고 누었는데 왠일인지~ 갑자기~ 밥로스처럼"태터툴즈 스킨 만드는건 참 쉬워요 자 일단 배경을 하나 붙이

  2. [본문스크랩] 태터툴즈 기본정보 설정하기

    Tracked from 컴퓨터... 하는 여자 2008/06/02 16:26