각주(footnote) 풍선말 도우미

티스토리에서 텍큐닷컴으로 옮길 때 가장 어이가 없던 것은 각주를 풍선도움말로 띄워주는 기능이 없다는 것이었다.

티스토리나 설치형 텍스트큐브에선 기본적으로 사용하는 기능인데, 이런 기능이 구현되어있지 않다니...

그래서 텍큐닷컴 용 각주 풍선말 도우미를 만들었다.

이 도우미를 사용하려면 아래의 절차를 따르면 된다.

1. 관련 파일 설치

언제나 그렇듯이... 아래 파일의 압축을 푼 뒤 스킨 업로드를 통해 업로드한다.

FootnoteHelper.zip

2. 스킨 수정

역시, 언제나 그렇듯이... 스킨을 수정한다.
아래의 코드를 <body> 다음에 추가한다.

<script type="text/javascript" src="(자기 블로그 이미지 주소)/j_footnote.gif"></script>
<script type="text/javascript">
  tcFootnoteHelper.all("(자기 블로그 이미지 주소, 마지막에 / 포함)");
</script>

여기서 특히 주의해야 할 점은 마지막에 /를 반드시 붙여야 한다는 것이다.
블로그 이미지의 주소는 보통 다음과 같은 형식이 된다.
(아래 예에서도 마지막에 /를 붙였다는 것에 유의하기 바람)

http://fs.textcube.com/blog/1/2345/skin/6/images/

3. 스타일 수정

일부 스킨에선 디자인을 깔끔하게 하기 위해 <li> 앞에 숫자가 아닌 불릿을 표시하는 경우가 있다.
각주에서는 무조건 숫자로 표시해야 되니, 아래와 같은 스타일을 style.css의 마지막에 지정한다.

.footnotes li
{
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 25px;
  padding-left: 0;
}

이 도우미를 적용하면 텍큐닷컴에서도 아래 그림과 같이 풍선도움말을 띄울 수 있다.