독도 광고 모금 캠페인

'스킨'에 해당되는 글 4

  1. 2005.12.06 허무
  2. 2005.12.05 Made with PowerBook & iChat Status (6)
  3. 2005.07.27 내가 만든 태터 툴즈 스킨, Mac OS X (12)
  4. 2005.05.31 TatterTools 스킨제작 가이드 (8)

허무

블로그 | 2005.12.06 07:32 | 자유
태터 툴즈 0.961로의 업그레이드를 단행했다. 그런데.... 스킨이 날라가 버렸다!!! 태터 툴즈 폴더를 그냥 덮어 씌웠을 뿐인데 말이다. 이전엔 안 그랬었는데.. 아무튼, 백업의 중요성을 여실히 느끼게 되었다. 그 동안 이래저래 손 댔던 것들이 순간에 날라가 버린 것이다. J.님께서 도와주셨던 수많은 태터 툴즈의 패치들과 내가 그 동안 깨작거린 여러가지 스킨 수정들까지... 가장 아까운 것은 최근에 추가한 made with PowerBook과 iChat 상태 아이콘이겠다.

아무튼, 모처럼 아침을 일찍 시작하면서 가슴 철렁 했다.

이렇게 다 사라지고 기본으로 돌아가게 된 것은 무소유의 미덕을 알라는 가르침을 받기 위함이 아니었나~ 하고 혼자 생각해 본다.

Made with PowerBook & iChat Status

블로그 | 2005.12.05 18:33 | 자유
Made with PowerBook 뱃지와 iChat 상태 아이콘


간단히 태터 툴즈 스킨에 추가해 보았다. 하나는 Made with PowerBook 뱃지이고, 다른 하나는 iChat 상태 아이콘.

사실, 이 블로그를 처음부터 PowerBook을 가지고 만든 것은 아니지만, 상당수의 포스팅과 상당부분의 수정을 PowerBook으로 하고 있기 때문에 조금 무리를 해서 달아보았다. 사실, 애플 웹뱃지라고 해서 애플에서 공식적으로 만들어 배포하는 것이 있긴 한데, 워낙에 지켜야 할 것들이 복잡하게 많이 있어서 포기했다. 그러다, 알비레오 파워북 포럼( http://albireo.net/powerbook 혹은 http://powerbook.or.kr )에서 사용 중인 뱃지가 보이길래 알비님의 허락을 받아 넣어두게 된 것이다. 단색의 깔끔함이 돋보이는 웹뱃지이다.

다른 하나는 매킨토시의 인스턴트 메신저인 iChat의 상태를 표시해 주는 아이콘을 넣었다. 위의 이미지 중 왼쪽처럼 파란색의 아이챗 아이콘이 보이면 내가 로그인이 되어있는 상태이고, 오른쪽처럼 회색의 아이콘이 보이면 로그아웃 상태인 것이다. 이것은 우연히 애플포럼의 한 글타래를 보고 그 글타래에서 joonhwan님께서 알려주신 것을 그대로 따라했다. 조금 헤매기는 했지만, 태터 툴즈 스킨에 아래의 코드를 넣고 상황에 맞게 적당히 수정하기만 하면 되므로 어렵지는 않았다. 아, 이 아이콘을 클릭하면 자신의 iChat Buddy List에 나를 추가하게 되거나, 이미 추가되어있다면 바로 메세지를 보낼 수 있는 창이 나온다.

HTML Code:
<a href="aim:goim?screenname=AIM_ID" title="aim: AIM_ID">
<img src="http://big.oscar.aol.com/AIM_ID?on_url=ON_IMAGE&amp;off_url=OFF_IMAGE" alt="iChat Status" />
</a>

AIM_ID: 자신의 iChat 계정. 예) steve@mac.com
ON_IMAGE: 온라인 상태일 때 불러올 이미지의 주소. 예) http://yourserver.com/ichaton.jpg
OFF_IMAGE: 오프라인 상태일 때 불러올 이미지의 주소. 예) http://yourserver.com/ichatoff.jpg


살짝 지저분해 지는 듯도 하지만, 그래도 하나하나 붙여주는 재미가 쏠쏠하다. :)



그 동안 나는 PODCAST에서 제작/배포한 Podcast Gray 스킨을 나의 태터 툴즈 스킨으로 사용해 오고 있었다. Mac OS X 10.4 Tiger 분위기가 나는 스킨을 직접 만들어보고자, 가장 비슷한 분위기의 스킨을 고른 것이 바로 이것이었던 것이다.

하지만 나는 너무나도 모르는게 많았다. 그저 그림 파일 몇 가지 바꾸어 분위기를 돌려보는 것에도 수 시간이 소요되었다. 그것도 학기 중에 잠깐잠깐 하다가, 방학을 하고 노느라 생각을 못 하고 있었다. 그러던 중 오늘 불현듯 생각이 나길래 마지막으로 미비한 부분을 손봤다. 그리고, 부끄럽지만 이렇게 공개를 하게 되었다.

태터 툴즈 0.951 버전의 스킨인 Mac OX X. 소스는 PODCAST의 스킨을 거의 그대로 사용했다. 관리자 로그인 시 각 포스팅의 수정/공개-비공개/삭제 버튼이 없어 다른 스킨에서 차용해 왔다. 각종 그림 파일과 색상 정도만 Mac OS X의 분위기가 나도록 수정해 보았다. 그러는데도 시간이 엄청나게 많이 걸렸다. Mac OS X의 웹브라우져 Safari로 보면 오른쪽 아래 최신 포스팅/댓글/트랙백 등이 표시되는 테이블이 깨져보이는 걸 아는데 까지 수정해 보았지만 아직도 완전하지는 않다.

아마도 부족한 부분이 무척이나 많을 것이다. 나의 무지로 인해 그냥 넘어간 것 또한 많이 있을 것이다. 그래도 내가 머리 싸메고 만들어낸 태터 툴즈의 스킨이기에 허접하나마 아주 애착이 간다.

이 스킨을 사용하고 싶으신 분은, 자신의 계정에 태터 툴즈 0.951 이상의 버전을 설치하시고 아래 첨부 파일을 받아 압축을 해제한 후, 자신의 계정/테터 툴즈 계정/skin 디렉토리에 풀어놓고, 태터 툴즈 환경설정에서 스킨을 mac_os_x 로 골라주면 된다. 그림과 문구가 없는 top_original.pds 파일이 함께 들어있으므로 원하는 그림과 문구로 top.gif 파일을 만들어 사용하면 끝!!



위의 파일들 받을 때엔 꼭 '다른 이름으로 저장' 후 열어야 함.
'현재 위치에서 열기'를 하면 내용이 안 보임.


마지막으로, 사용 중의 문제점에 대해서는 겸허한 자세로 받아들일 준비가 되어있다. 하지만, 프로그래밍의 F도.. 코딩의 K도 모르는 수준이라 해결해 드릴 수 있을런지는 의문이다.

0.96용 버전에서 추가사항

1. 태터 툴즈 0.96 버전의 기능(키워드, 지역정보) 추가
2. 방명록 색상을 그레이 계열로 변경 -> 나머지 이미지 모두 그레이로 바꿈


아직도 미진한 점
1. 색상이 통일되지 않았음. (포토샵을 할 줄 몰라서.. ㅠ.ㅠ) -> 친구에게 물어보고 해결함
2. 맥 OS X Safari 상에서 코멘트, 트랙백 테이블이 깨져보임. (태그를 몰라서.. ㅠ.ㅠ)
3. 디자인의 일관성이 매우 부족함. 폰트도 맘에 안 듬. (듸자인 감각이 없어서.. ㅠ.ㅠ)
4. 관리자 로그인 시 블로그 페이지에서 트랙백 삽입 버튼 넣기

TatterTools 스킨제작 가이드

블로그 | 2005.05.31 10:48 | 자유
어제 오랜만에 태터 툴즈의 스킨을 바꾸어보면서 직면한 문제는, 요즘 맥으로 웹서핑을 하는 시간이 점점 많아지는데, 대부분의 태터 툴즈 스킨이 맥과 맥용 웹브라우져를 완전히 지원하지 않는다는 것이다. 다행히 태터 툴즈 자체의 기능은 아무 문제 없이 사용할 수 있는데, 스킨의 일부분분(코멘트, 트랙백, 링크 등)의 테이블이 깨진다는 것이다.

이걸 어떻게 해야 하나~~ 하다가 금쪽 같은 블로그 포스팅을 발견했다.
TatterTools 스킨제작 가이드 http://inureyes.bluemime.com/forest/index.php?pl=308

글쎄... 프로그래밍의 F도 모르고, 코딩의 K도 모르는 내가 언제 스킨 수정을 시작할 수 있을지 모르겠지만, 그 동안 맨 땅에 헤딩하면서 어설프게 알아온 사실들이 일목요연하게 정리되어있으니 보기 좋다.