Colorful Waves 1.1 스킨을 공개하고 나서 ataiger님이 이런 요청을 해주셨습니다[각주:1].
Footnote를 사용할 때 번호가 안보이는 걸 보면 본문의 ul CSS 수정이 필요할 듯 합니다.
보통 플러그인을 사용하지 않은 상태에서 스킨을 테스트하기 때문에 뭔가 설정을 해주면 되나보다 싶어서 설치형에서 FootNote 플러그인을 켜니 글입력창에서 FootNote 입력 버튼(링크)이 있더군요.

그런데, 티스토리에서는 아무리 플러그인을 켜도 입력 버튼(링크)가 안나오더라고요. 왜 안나오지? 하며 한참을 고민했는데, 본문에 직접 [ footnote ], [ / footnote ]를 입력하니 표현이 되는군요.

그런데, FootNote를 포함하여 <ol>로 표시된 내용의 번호가 안보이는 문제는 해결하지 못했습니다.

.article ol {list-style:decimal;} 혹은
.article ol {list-style-type:decimal;}

왜  이런 식으로 선언해줘도 안나올까요? ;;;

.
.
.

그런데, 재밌는(?) 건 인터넷 익스플로러에서는 번호가 잘 나온다는 것입니다. -_-* 이유를 잘 모르겠네요. @.@


위의 내용은 처리되었습니다. 다음 글을 봐주세요.
  1. 테스트 한번 해봅니다. [본문으로]
,
스킨을 배포합니다.

Colorful Waves 1.1 스크린샷

Colorful Waves 1.1의 모양은 이렇습니다.


스킨명

Colorful Waves 1.1


개요

컨텐츠 영역이 중앙 정렬되는 가변폭 스킨입니다. 좌우측에 각각 상반되는 색감의 파도 혹은 구름 모양의 배경들이 레이어로 쌓여있는 느낌이 나도록 했습니다. 사이드바는 통째로 하단으로 내려가 있습니다. 좌우측 파도 배경에 쓰인 붉은색과 파란색 계열의 색상은 컨텐츠 영역에서도 어느 정도 역할을 분담하고 있습니다.


내용

- 1단형 스킨입니다.
   사이드바는 하단에 위치하고 있지만 태터툴즈의 사이드바 기능을 지원합니다.
  (관리자 모드에서 바로 넣었다 뺐다 할 수 있어요.)

- 블로그 로고 이미지를 보여줍니다.
  단, 가로 250px 에 최적화되어 있습니다. 주의해주세요.

- 컨텐츠가 들어가는 영역의 폭이 브라우저의 크기에 따라 변하는 변동폭 스킨입니다.
  하지만, 브라우저가 작아진다고 해서 무한정 줄어들 수는 없겠지요.
  컨텐츠 영역의 최소폭은 500px 입니다. 브라우저가 커지면 자연스럽게 늘어나지요.

- 여러 브라우저에서 중앙정렬 및 레이아웃 유지 등을 구현하기 위해
   불가피하게 table 태그라든지 투명 이미지 등을 skin.html에 넣었습니다만,
   대부분의 경우 - 폰트 크기라든지 색깔, 사용된 이미지 등은
   style.css 파일을 수정하는 것만으로 가능합니다.

예를 들어 제목이 표시되는 폰트는 Trebuchet MS 입니다.
영문에는 잘 어울리는데, 한글 제목일 경우에는 좀 어색한 감도 있습니다.
이럴 때 style.css 를 열여서
h1 { font-size:1.8em; font-family:"Trebuchet MS" Georgia Verdana Tahoma Gulim; font-weight:bold;}
부분을 찾아서 변경해주면 됩니다.

- 테스트 환경은 윈도우XP + 파이어폭스 2.0.0.1, 인터넷 익스플로러 6.0, 오페라 9.10 입니다.
  태터툴즈 1.1과 티스토리 1.1에서 잘 작동합니다.

- 자유롭게 수정이 가능하며, 저작권 표시하에 재배포 가능합니다.


다운로드 받으러 가기

▶ (클릭) 태터툴즈 스킨 자료실 [TT 1.1 & 티스토리 1.1] Colorful Waves 1.1


그밖에.

- FootNote 플러그인으로 작성한 후 각주의 번호가 표시되지 않는다고 합니다. 물론 각주의 내용은 잘 표시되고요. 참고로 이 현상은 파이어폭스와 오페라에서 생기는 걸 확인했습니다. 인터넷 익스플로러에서는 잘 표시되네요. @.@ 처리 완료했습니다.

,
스킨을 배포합니다.

스킨 미리보기

Mac Look 1.1은 이런 모양입니다.


스킨명

Mac Look 1.1


개요

조금은 차분한 느낌으로 만들었습니다. 원래는 윈도우와 맥의 분위기를 섞는 컨셉을 유지하려 하였으나 만들고 나니 맥의 느낌만 강하게 남아 그냥 맥룩이라고 했습니다. 제가 지금 사용하는 데스크탑 테마가 준 (Zune) 테마인데, 그것과 애플의 아쿠아 스타일을 함께 적용하려 한 거죠. 뭐, 어쨌든 그렇습니다.


내용

- 2단형 스킨입니다. 태터툴즈의 사이드바 기능을 지원합니다.
  (관리자 모드에서 바로 넣었다 뺐다 할 수 있어요.)

- 블로그 로고 이미지를 보여줍니다.
  단, 가로 200px 에 최적화되어 있습니다. 주의해주세요.

- 컨텐츠가 들어가는 부분의 가로폭은 610px 에 맞춰져 있습니다만,
  혹시 더 좁은 스킨을 필요로 하는 분들이 계실 것 같아 500px 짜리도 넣었습니다.
  압축을 풀어보면 index.500.xml style.500.css 와 index.610.xml style.610.css이 추가로 들어있습니다.
  사용법은 아시겠죠? 가로 넓이 500px 짜리가 필요하면
  이름을 index.500.xml style.500.css을 index.xml과 style.css로 바꾸고 사용하면 됩니다.

- 또한 가로폭을 원하는 만큼 지정하는 경우도 그리 어렵지 않습니다.
  style.css 와 index.xml 만 수정하면 됩니다.
  수정 방법은 style.css 안에 주석으로 넣어두었습니다.

- 또한 폰트 크기라든지 색깔, 사용된 이미지 등은 style.css 파일을 수정하는 것만으로 가능합니다.

- 자유롭게 수정이 가능하며, 저작권 표시하에 재배포 가능합니다.

- 사실 문의를 해도 모르는 게 많아서 대답할 수 있는 건 별로 없지 않을까 합니다. 살살 물어주세요. :p


수정하기

- style.css 에 적은 주석을 여기에 적어보면,

/* ****************************************************
   만약 실제 글이 보여지는 영역 (contentWidth)을 변경하고 싶다면
   이 파일 (style.css)과 index.xml만 수정하면 됩니다.
   찾기 쉽도록 주석을 달았으니 주석을 검색하여 변경하면 됩니다.

   스킨을 처음 설치하면 contentWidth의 기본값은 610px이고,
   이 값은 index.xml 에 명시되어 있습니다.

   만약 contentWidth를 800px로 변경하고 싶다면,
   크게 두 단계로 진행됩니다.

   [단계 A]

   index.xml로 가서 다음과 같은 문장을 찾은 후
   <contentWidth>610</contentWidth>

   이 부분을 다음과 같이 변경하세요.
   <contentWidth>800</contentWidth>

   [단계 B]

   이 파일 (style.css)에서 contentWidth를 검색하여
   주석에 표시된 계산식대로 수정해주면 됩니다.
   style.css 안에 contentWidth를 찾아 전부 해주시면 되요.

   ############################################
   예1)
   만약 검색을 통해 아래와 같은 문장을 찾았다면
   width:610px; / * contentWidth - 10 * /

   새로운 contentWidth가 800px이니
   width값으로 다음과 같이 변경하세요.
   width:790px; / * contentWidth - 10px * /

   예2)
   만약 이런 문장을 찾았다면
   width:680px; / * contentWidth + 70px * /

   새로운 contentWidth가 800px이니
   width값으로 다음과 같이 변경하세요.
   width:880px; / * contentWidth + 70px * /
   ############################################

   [변경 끝]

   **************************************************** */

- 적고 보니 굉장히 복잡해 보이지만, 하나씩 해보면 굉장히 쉬운 작업이란 걸 아실 수 있을......까요?  ;;;

- 테스트 환경은 윈도우XP + 파이어폭스 2.0.0.1, 인터넷 익스플로러 6.0 에서 테스트를 했습니다.
  물론 태터툴즈 1.1.1티스토리 1.1 이고요.
  다른 환경과 브라우저에서는 어떻게 보일지 몰라요. @.@;


다운로드 받으러 가기

▶ (클릭) 태터툴즈 스킨 자료실 [TT 1.1 & 티스토리 1.1] Mac Look 1.1




그리고

업그레이드 버전이 공개되었습니다.
미디어로그와 키로그 기능이 포함된 1.1b 버전을 이용할 수 있습니다.

스킨 업그레이드 Mac Look 1.1b 로 가서 다운받기


,
처음 배포 해보는 스킨입니다.

스킨 미리보기

스킨의 모양은 이렇습니다.


스킨명

Drips And Dips 1.1


개요

물감 혹은 잉크 등의 액체가 튀고 찍히고 하는 그런 느낌으로 만들었습니다. 개인적인 목적으로 만들었는데, 공개하는 것도 재밌을 것 같아 공개해봅니다. 특징이라면 최대한 xhtml에 맞추려 노력했다는 것과 글자의 크기가 일반적인 스킨들에 비해 조금 크다는 겁니다. 시원스럽죠. :)


내용

- 1단형 스킨이지만 주요 메뉴 3가지 (위치로그, 태그구름, 방명록)는 좌측에 간단하게 배치하였습니다.

- 나머지 사이드바에 있음직한 것들은 모두 아래로 내렸습니다. 다만 사이드바 기능을 지원하지는 않습니다.

- 태터툴즈 1.1.1 에서 테스트하여 만들어졌고, 2007년 1월 17일 현재 티스토리 1.1에서도 사용이 가능합니다.

- 전체적인 레이아웃을 제외한, 폰트 크기라든지 색깔, 사용된 이미지 등은 style.css 파일을 수정하는 것만으로 가능합니다.

- 최초에 leezche님의 tistory 1.1 스킨과 태터툴즈에서 지원하는 스킨 메뉴얼을 참조했습니다.

- 자유롭게 수정이 가능하며, 저작권 표시하에 재배포 가능합니다.

- 사실 문의를 해도 모르는 게 많아서 대답할 수 있는 건 별로 없지 않을까 합니다. 살살 물어주세요. :p


수정하기

- 우선 글씨 크기가 너무 커서 일반적인 크기로 바꾸시고 싶은 분들은 style.css 만 고치시면 됩니다.

font:0.9em/1.5 Dotum, Arial, AppleGothic, Sans-serif;

   style.css의 6번째줄의 0.9em을 0.75em이나 0.8em 정도로 변경하면 될 것 같고요,
   물론 글씨체를 변경하고 싶으면 분홍색 부분 Dotum 이걸 Gulim 등으로 변경하면 됩니다.

-  만약 6번째줄을 저 정도로 줄이면 트랙백 주소 나오는 부분이 조금 더 작아져 보일 것입니다.
   그러면 style.css의 256줄,

.trackback h3            {font:0.75em Verdana; … (생략)

   역시 0.75em 이 부분을 적당한 숫자로 변경하시면 됩니다. 0.9 정도로 변경하시면 되겠네요.


다운로드 받으러 가기

(클릭) 태터툴즈 스킨 자료실  [TT 1.1 & 티스토리 1.1] Drips And Dips 1.1



그리고

- 혹시 글씨체를 바꾸고, 이미지의 캡션이 다른 그림에 의해 가려지는 경우가 생긴다면,
  style.css의 72~73번째줄에 정의된 .cap1에서 margin-bottom:-10px;을 삭제하면 됩니다.
  (즉, 아래에서 분홍색 부분을 지워주세요.)

   /*@ 이미지 아래 캡션 스타일 */
  .cap1 {color:#999; text-align:center; margin-top:0;margin-bottom:-10px;}



그리고

업그레이드 버전이 공개되었습니다.
미디어로그와 키로그 기능이 포함된 1.1b 버전을 이용할 수 있습니다.

스킨 업그레이드 Drips And Dips 1.1b 로 가서 다운받기
,