스킨을 제작하다보면 치환자를 잘못쓰거나 닫는태그를 빼먹거나, 따옴표를 하나 빼먹거나 등등의 실수 때문에 한참을 고생한 기억이 있다. 아마 스킨을 만들어 본 사람이라면 다들 동감할것 같다. 실제로 블로그를 정상적으로 작동시키는 skin.html 파일은 그대로 놔두고, style.css 파일만 수정해서 디자인 한다면 아마 어이없는 실수로 인해서 아까운 시간을 버리진 않을것 같다는 생각을 했다.

그래서 스킨의 형태를 구분하고, 이렇게 구분된 형태를 테마별로 다른 응용스킨의 기본이 되는 스킨을 만들기로 했다. 형태로 구분짓자면 역시 1단, 2단, 3단의 형태가 있을것이다. 먼저 3단을 기본으로 다양한 디자인 적용이 가능하도록 구조화시키는 작업을 오랜시간 투입했다. 클래스이름이 직관적이어야 하고, 최대한 디자인적용이 가능하도록 고려해야했다. 종이에 그림을 그려가면서 여러가지 상황을 예측해보았으며, 이에 대응할 수 있도록 작업에 들어갔다.

이렇게 해서 3단 기본스킨 tisNote가 탄생되었고, 이를 응용한 응용버전까지 제작되었다. 특히 컬러셋의 변화 외에도, 레이아웃을 변경한 응용버전 tisNoteSpring을 만들때에는 /* 블로그 레이아웃 */이라고 주석처리된곳을 먼저 작성하여 레이아웃을 잡아준뒤에 나머지 세세한 부분을 조정하였다. 의외로 레이아웃이 쉽게 변경됨을 보고, 스스로 뿌듯해 했는데... 아마도 내가 만들어서 그렇겠지하며, 다른 사람들이 이걸보면 복잡해 하지 않을까 염려스런 마음도 앞섰다.


아마 100%자유로운 응용은 불가능할것이다. 수많은 경우의 수가 있는데 하나의 코드파일을가지고, 그 수많은 경우의수를 만족시킨다는것 자체가 불가능한 일일것이다. 다만 내 머릿속에서 나올수 있는건 다 한것 같다.

스킨만들다가 혹 잘못될까 겁을 먹고 있는 사람들에겐 tisNote의 style.css를 하나씩 수정해 나가는것도 하나의 방법일 수도 있을것 같다. 고수들에게는 전혀 매력없는 스킨이겠지만.. ^^

아자아자... 또 2단 기본테마스킨 만들러가잣!~~~

tistory 스킨업데이트 공지
태터툴즈 홈페이지에 다운로드 받으러 가기
기본 테마스킨 tisNote 응용방법 보러가기
2006/08/11 11:36 2006/08/11 11:36
TAG ,

트랙백을 보내세요

트랙백 주소 :: http://www.plyfly.net/trackback/86
  1. 태터툴즈 스킨 배포 : tisNoteBlack

    Tracked from extreme highits 2006/08/12 16:05

    원제작자 : 리체 님 원제작자 홈페이지 : http://www.plyfly.net 하단에 수정자 이름을 넣었으며, 그 외에 배경·글자 색상·테이블 색상만 수정하였습니다. tisNoteBlack 다운로드

  2. 티스토리 3단스킨 업데이트

    Tracked from 하늘소망이네 집 2006/08/14 16:41

    티스토리에 리체님이 새로운 스킨을 올리셨다. 리체님 블로그에 방문을 해서 확인해 보니 아마도 11일에 업데이트가 되었던거 같다. 블로그가 정삭적으로 작동하도록 하는 파일은 그대로 두..

  3. 스킨을 바꿨습니다.

    Tracked from Forever Astralmind 2006/10/22 13:30

    그동안 써오던 마모루님의 靑い Heaven에서, 리체님의 tisNote로 바꿨습니다. 아오이헤븐은 참 깔끔하고 예뻤지만, 왜인지 모르게 방문객보다는 사용자 위주로 만들어졌다는 생각도 들고, 그동안