태터툴즈 스킨 만드는 법
- 만들고자 하는 스킨의 디자인 구상
포토샵 작업이 가능하다면 포토샵으로 한번 그려보는것도 좋은 방법입니다. - 구상한 스킨을 구조화 - skin.html 작성
주의)닫는 태그에 주석처리해 줄것! 코드가 길어지면 자칫 헛갈릴 수 있습니다. - 해당영역에 원하는 치환자 붙여넣기 - skin.html 작성
- style.css를 이용해서 디자인 하기 - style.css 작성
- 문서 전체 공통 스타일 (body, input, a, ul, ol, li 등)
- 전체 레이아웃 디자인
- 해당영역 공통 스타일 디자인
- 디테일 디자인
뒷 이야기!
태터툴즈 클래식때부터 나름 취미생활로 스킨을 만들기 시작했었습니다. 물론 그때는 xhtml에대해 전혀 모르던 때였고, 태터툴즈에서 연락이 와서 본격적으로 접하게 되었죠. CSS Zen Garden 을 보고 탄성을 지르던 때거 엊그제 같습니다. 하지만 하나의 html 파일을 가지고 css를 이용해서 어떠한 디자인도 커버한다라는 사실에 혼자만의 딜레마에 빠져들기 시작 했습니다. 솔직히 아직도 잘 모르겠습니다. 이런것들을 블로그 사용자 혹은 스킨제작자에게 강요해야 하는지... (물론 강요한적은 없지만..) 그래서 좀 유연해 지기로 하고, skin.html 을 수정하는 것에 대해 겁을 내지 않기로 했습니다. 강요하지도 않고... 암튼 딜레마에서 조금 벗어난 느낌입니다. ^^;; 그래서 스킨제작의 rule이 필요할것 같아서 정리하고 있습니다..
Comments
요즘 태터툴즈 스킨을 공부하고 있습니다. 열심히 보고 배워야겠네요. 많이 가르쳐주세요! +_+
정말 멋지고 의미있는 작업입니다. 잘 읽고 배우겠습니다.
강좌 좀 꾸준히 부탁드립니다~
아직도 남의 스킨 수정해서 쓰는데 그치고 있는데..
정말 저만의 스킨을 한번 만들어보고 싶네요
그래도 아직 HTML와 CSS에 개념이 없는 대다수의 사람들에게 스킨 제작은 먼나라 이야기지요^^;; 테터의 스킨을 쉽게 수정할 수 있는 WIZWIG 툴이라도 구상해볼까요ㅋㅋ
스킨이라는게 시작이 어려울 뿐 그 이상 나아가면 쉬운게 스킨이지요 하하;
(사실 어떻게 가이드라인을 제시해야할지 난감해서 시작도 못하고 있었는데 역시 리체님 답네요 -_ㅠ)
이거 무지무지 도움되는 글이에요~ㅎㅎ
아... 부담백배입니다. 그냥 공부도 할겸해서 정리해 두는건데.. 흐흐... 저의 작은 바램이 있다면 블로그를 사용하는 모든 사람들이 자신만의 블로그를 가졌으면 하는겁니다. 거창한건 아니고... 단지 배경이미지 하나 바꾸는것만으로도 그건 그 사람만의 블로그인거죠. 그리고 좀더 다양하고 파격적인 블로그 스킨이 나오길 기대하면서 열심히 포스팅 할께요.. ^^
태터툴즈 로고에 관하여 사용자 공간과 스킨 작가 커뮤니티 공간에 질문을 올렸습니다만, 몇일이 지나도 아는분이 없고 단지 한분만 리체님이 로고를 디자인 하신걸로 아신다기에 여기까지 찾아 왔습니다...^^
TATTERTOOLS <-- ?? Brand Yourself! <--- ?? 에 사용 되는 글자체를 알고 싶습니다 .. 부탁 드립니다 ..아 깜빡~ 반갑습니다 꾸뻑^^
움.... 저두 하도 오래 되어... 기억이 가물가물합니다.
태터툴즈는... 덴마크체인가? 암튼 약간의 변형을 했었구요 brand yourself는 ... 아마도.. 바이너리 어쩌고였던듯합니다. 회사를 가야 정확하게 알 수 있을거 같네요..
안녕하세요.
혹시 예전에 만드신 테터툴즈 클래식용 스킨 구할수 없을까요?
제가 사용하는 서버에서는 클래식 까지 밖에 사용이 안되서
클래식용 스킨이 필요한데 예전에 plyfly님의 클래식용 스킨을 쓰다가
잠시 다른걸로 바꿧는데 다시 구하려고 하니 구할수가 없네요.
즐거운 추석 보내세요.