- 각주(footnote) 풍선말 도우미
- 컴퓨터야그/블로그 관련
- 2009. 12. 6. 23:52
티스토리에서 텍큐닷컴으로 옮길 때 가장 어이가 없던 것은 각주를 풍선도움말로 띄워주는 기능이 없다는 것이었다.
티스토리나 설치형 텍스트큐브에선 기본적으로 사용하는 기능인데, 이런 기능이 구현되어있지 않다니...
그래서 텍큐닷컴 용 각주 풍선말 도우미를 만들었다.
이 도우미를 사용하려면 아래의 절차를 따르면 된다.
1. 관련 파일 설치
FootnoteHelper.zip2. 스킨 수정
역시, 언제나 그렇듯이... 스킨을 수정한다.
아래의 코드를 <body> 다음에 추가한다.
여기서 특히 주의해야 할 점은 마지막에 /를 반드시 붙여야 한다는 것이다.
블로그 이미지의 주소는 보통 다음과 같은 형식이 된다.
(아래 예에서도 마지막에 /를 붙였다는 것에 유의하기 바람)
아래의 코드를 <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의 마지막에 지정한다.
각주에서는 무조건 숫자로 표시해야 되니, 아래와 같은 스타일을 style.css의 마지막에 지정한다.
.footnotes li
{
list-style-type: decimal;
list-style-position: outside;
margin-left: 25px;
padding-left: 0;
}
이 도우미를 적용하면 텍큐닷컴에서도 아래 그림과 같이 풍선도움말을 띄울 수 있다.
'컴퓨터야그 > 블로그 관련' 카테고리의 다른 글
| 텍스트큐브닷컴은 모바일 페이지를 지원하라! (19) | 2009.12.12 |
|---|---|
| 텍큐닷컴은 구글 크롬과 잘 어울리지 않는다. 아직은. (10) | 2009.12.08 |
| JW Player 도우미 3.0 업데이트 공개 (9) | 2009.12.06 |
| 블로그 이전 완료 (7) | 2009.12.06 |
| 티스토리 → 텍큐닷컴 이전 준비 중간보고 (11) | 2009.12.02 |
Recent comment