:말풍선 각주

:말풍선 각주
사용문서
새로고침
넘겨주기
이동하기

설명

각주처럼 생긴 버튼을 누르면 화면에 고정되는 말풍선이 띄워지는 틀입니다.

사용법

하위 메타 틀인 {{말풍선 각주/버튼}}과 {{말풍선 각주/내용}}(시작/)을 사용합니다. 각각 {{b-fn-b}}와 {{b-fn-c}}, {{b-fn-cs}}, {{b-fn-ce}}로 짧게 사용할 수 있습니다.

버튼

먼저 각주 버튼이 들어갈 곳에 버튼 틀을 사용합니다.

{{b-fn-b|아이디|버튼 이름}}

으로 사용합니다. 아이디는 접기의 아이디이며, 버튼 이름은 [여기]에 들어갈 이름입니다. 아이디는 필수이며 이름을 입력하지 않으면 fn이 기본값으로 입력됩니다.

내용

그 다음 문서의 최하단에 내용 틀을 사용합니다.

{{b-fn-cs}}
{{b-fn-c|아이디|버튼 이름|내용}}
{{b-fn-ce}}

으로 사용합니다. 아이디와 이름은 버튼 틀과 대응하는 것으로 같게 입력하면 되며, 내용은 본격적으로 각주의 내용이 될 것을 입력합니다. 위 아래 {{b-fn-cs}}와 {{b-fn-ce}}는 반드시, 그리고 줄바꿈을 하여 함께 사용해야 합니다.

시작하는 내용 틀인 {{b-fn-cs}}에 |hr=none이라는 변수를 넣으면 회색의 점선 가로줄이 사라지며 목차에서도 "말풍선 각주" 문단이 사라집니다.

버튼 틀을 여러 번 사용했다면 그만큼 내용 틀을 추가해 주면 됩니다. 즉 버튼 틀을 3번 사용했다면 내용 틀은 아래처럼 사용합니다.

{{b-fn-cs}}
{{b-fn-c|아이디1|버튼 이름1|내용1}}
{{b-fn-c|아이디2|버튼 이름2|내용2}}
{{b-fn-c|아이디3|버튼 이름3|내용3}}
{{b-fn-ce}}

버튼을 누르면 말풍선이 나타나며 각주의 내용을 볼 수 있습니다. 말풍선 외부 아무 공간을 클릭하거나 말풍선 내부 우측 하단의 닫기 글자를 누르면 말풍선이 다시 닫힙니다.

틀 특성상 버튼 이름을 숫자나 알파벳 등 순서로 지정하지 않는 것을 권장합니다. 시스템에서 자동으로 순서를 정해 주는 기존 각주와 달리 이 틀은 수동으로 순서를 변경해 주어야 하기 때문입니다.

표 안에도 내용 틀을 사용할 수 있습니다. 다만 이 경우 목록 맨 아래에 의도치 않은 조금의 여백이 생기는데, 이때 끝내는 내용 틀인 {{b-fn-ce}}에 |table라는 변수를 넣으면 해결됩니다. 각 내용이 갖는 기본 여백을 없애기 위해 내용 틀인 {{b-fn-c}}의 맨 뒤에 |table을 넣어 주면 좋습니다.

사용 예제

아무렇게나 써재낀 문장의 사이에{{b-fn-b|example|스포일러}} 버튼 틀을 사용해 봅시다.<br>
내용 틀은 아래에<br>
그리고 버튼을 눌러 보세요!
{{b-fn-cs}}
{{b-fn-c|example|스포일러|사실 [[스포일러]]가 아니에요!}}
{{b-fn-ce}}

아무렇게나 써재낀 문장의 사이에[스포일러] 버튼 틀을 사용해 봅시다.
내용 틀은 아래에
그리고 버튼을 눌러 보세요!

말풍선

 사실 스포일러가 아니에요!
[스포일러] 사실 스포일러가 아니에요!
닫기

주의

  • 커스텀 접기를 응용하였기 때문에 다음과 같은 문제점이 있습니다. 기술적 한계이므로 해결할 수 없습니다.
    • 문서 로딩 중 잠깐 보이거나 로딩 오류로 접히지 않는 경우가 있습니다.
    • 이 틀을 사용한 문서는 로딩 중 짙은 검은색이 깜빡거려 눈에 피로를 줄 수 있습니다. 여러 번 사용할수록 검은색이 짙어집니다.

메타 틀

둘러보기

+
김찬 제작 틀
[ A~Z & etc. ]
[ ㄱ~ㅅ ]
[ ㅇ~ㅎ ]
※ 더 이상 사용하지 않거나 사용할 필요가 없는 경우 취소선 처리
※ 일부 극히 단순한 틀은 본 틀 목록에 미포함
KimChan Template
BEST TOP 3
[ 🥈 ]
틀:font awesome 5
편의성 기술성 혁신성
제이위키에 설치된 아이콘 웹 폰트를 100% 활용해 폰트의 모든 아이콘을 간편하게 사용할 수 있게 만든 틀. 사용 가능한 아이콘이 생각보다 훨씬 많고 심플한 디자인이 범용성 좋음.
[ 🥇 ]
틀:namucat
편의성 기술성 혁신성
나무위키 디자인의 분류 틀. 분류 목록을 문서 최상단에서 볼 수 있으며, 분류를 블러 처리하여 가리는 기능이나 문서 전체의 일부 디자인을 나무위키처럼 바꾸는 기능까지 있음.
[ 🥉 ]
틀:펼치기 접기
편의성 기술성 혁신성
나무위키 둘러보기 틀 디자인을 더 쉽게 만들 수 있게 해 주는 틀. 틀 자체를 직접 제작한 것은 아니지만 이 틀의 전신이 제작자의 틀이며 JS로 접기 애니메이션만을 추가했기 때문.
제작자 개인이 생각하기에 편의성, 기술성, 혁신성 등 여러 면에서 다른 틀에 비해 뛰어난 틀을 선정함.