틀:말풍선: 두 판 사이의 차이

2025년 5월 17일 (토) 19:28 기준 최신판

분류:

틀:말풍선
사용문서	새로고침
넘겨주기	이동하기
2025-05-17에 마지막으로 수정됨

설명

붕괴: 스타레일의 문자 메시지를 나무위키가 모방한 것을 참고하여 제작한 말풍선 틀입니다.

사용법

{{말풍선|body|
{{말풍선|<me or other>|<이름>|<프로필 사진>|<내용>|border=<테두리(선택)>|bg=<배경색(선택)>|color=<글씨색(선택)>}}
{{말풍선|<me or other>|<이름>|<프로필 사진>|image=<이미지>|<이미지 너비>}}
{{말풍선|narration|<내용>|bg=<배경색(선택)>}}
}}

모든 말풍선 틀은 {{말풍선|body|<여기>}} 안에 작성되어야 합니다. body 변수는 말풍선이 깔리는 기본적인 배경 레이아웃을 제공합니다.
가장 처음 오는 변수에는 반드시 me내가 보내는 메시지로, 화면의 우측에 표시되며 기본 배경색이 #D4BA8B으로 표시됩니다. 또는 other남이 보내는 메시지로, 화면의 좌측에 표시되며 기본 배경색이 #FFFFFF으로 표시됩니다.이 와야 합니다.
- 첫 변수에 narration이 왔다면, 누가 보내는 메시지도 아닌 화면 가운데에 내레이션처럼 출력되는 박스를 생성합니다.
두 번째 변수는 보내는 사람의 이름을 표시합니다. 입력하지 않으면 기본값으로 이름이 출력됩니다.
세 번째 변수는 보내는 사람의 프로필 사진을 표시합니다. 입력하지 않으면 기본값으로 파일:기본프사.png()가 출력됩니다. 틀 내에서 이미지의 모서리를 자동으로 둥글게 처리하므로 너비와 높이가 같은 1:1 정사각형 이미지로 사용할 것을 권장합니다.
네 번째 변수는 본격적으로 말풍선의 내용을 표시합니다. 입력한 텍스트가 말풍선 안에 표시됩니다.
border 선택 변수는 말풍선의 테두리를 지정할 수 있습니다. <두께> <형태> <색깔>로 입력해야 합니다.
bg 선택 변수는 말풍선의 배경색을 지정할 수 있습니다.
color 선택 변수는 말풍선 안의 글씨색을 지정할 수 있습니다.
만일 텍스트가 아닌 이미지를 보내는 말풍선을 만들고 싶다면 image 변수를 사용할 수 있습니다. 이때 기존에 내용을 입력하던 네 번째 변수는 이미지의 너비 변수로 바뀝니다.

사용 예제

기본적인 사용법과 결과입니다.

[ 문법 ]

{{말풍선|body|
{{말풍선|me|김찬|KimChan.jpg|이 틀은}}
{{말풍선|me-plus|김찬|KimChan.jpg|이렇게}}
{{말풍선|me-plus|김찬|KimChan.jpg|쓰는 거예요}}
{{말풍선|narration|얘는 나레이션이고요}}
{{말풍선|other|Jwiki|4=우와}}
{{말풍선|other-plus|Jwiki|4=그렇군요}}
}}

[ 결과 ]

김찬 이 틀은 이렇게 쓰는 거예요 얘는 나레이션이고요 Jwiki 우와 그렇군요

body에 |type=phone을 추가하면 레이아웃이 휴대폰처럼 바뀝니다.

[ 문법 ]

{{말풍선|body|type=phone|
{{말풍선|me|김찬|KimChan.jpg|이 틀은}}
{{말풍선|me-plus|김찬|KimChan.jpg|이렇게}}
{{말풍선|me-plus|김찬|KimChan.jpg|쓰는 거예요}}
{{말풍선|narration|얘는 나레이션이고요}}
{{말풍선|other|Jwiki|4=우와}}
{{말풍선|other-plus|Jwiki|4=그렇군요}}
}}

[ 결과 ]

19:14 100% 김찬 이 틀은 이렇게 쓰는 거예요 얘는 나레이션이고요 Jwiki 우와 그렇군요

둘러보기

+

김찬 제작 틀

[ A~Z & etc. ]

etc.
틀:,,	틀:--	~~틀:--2~~	틀:^^
틀:?div
A~M
틀:background-image	틀:bg	틀:BMI	틀:center
틀:cursor	틀:DDAY	틀:div	~~틀:ffms~~
틀:font awesome 5	틀:full block	틀:gradient-ex	틀:hex to rgb
틀:invert-img	틀:jp	틀:leet	틀:librecat
틀:list margin remove	틀:MBTI
N~Z
틀:namucat	틀:namulist	틀:namutoc	틀:nowiki
틀:nowiki2	틀:ol	틀:onbold	틀:PC 열람 권장
틀:pf-c	틀:pre	틀:rgb to hex	틀:rotate
틀:selflink	틀:snowfalling	틀:span	틀:style
틀:syntaxhighlight	틀:thumbs	틀:title	틀:tp
틀:tt	틀:u	틀:widen	틀:wingdings

[ ㄱ~ㅅ ]

ㄱ
틀:가로 목록	틀:가로세로비	틀:가로줄	틀:가입일 유저박스
틀:가짜 링크	틀:가짜 문단	틀:갤러리 (김찬)	틀:공백
틀:관련 문서 틀 제목	틀:광과민성 주의	틀:군대 유저박스 (상세)	틀:굵게
틀:그라데이션 글씨	틀:글리치	틀:글배경	틀:글씨 테두리
ㄴ
틀:나무링크	틀:나무마크 틀	틀:나무위키 둘러보기	틀:나무위키 접기
틀:나무위키 접기2 (제목 / 내용)	틀:나무위키 테이블	틀:나무위키 텍스트 크기	틀:나무위키 틀 접기 (애니메이션)
틀:나무위키 틀 접기 끝	틀:나무위키식 문서 상태 틀	틀:내비게이션 바 색상	~~틀:너비맞춤~~
틀:넘겨주기	틀:넘겨주기 안내	틀:네온 글씨
ㄷ
~~틀:다크모드~~	틀:대화담벼락	틀:댓글 금지	틀:둥근 이미지
틀:등급 유저박스
ㄹ
틀:루비 문자
ㅁ
틀:막대 그래프	틀:말풍선	틀:말풍선 각주 (버튼 / 내용 / 시작 / 끝)	틀:메타 분류
틀:메타 틀	틀:명도	틀:모바일 테이블 (/tag)	틀:모바일 테이블 끝 (/tag)
~~틀:목차제거~~	틀:문단	틀:문단접기	틀:문단접기2
틀:문단접기3	틀:문서 가져옴	틀:문서 보충	틀:미공개
틀:미디어위키 접기 V2	틀:밑줄 없는 링크
ㅂ
틀:반복	틀:반응형 style	틀:반전	틀:반전2
틀:배경색 명도 조절	틀:백분율	틀:버튼	틀:별점
틀:복사방지	틀:부계정 유저박스	~~틀:분류 바로가기~~	~~틀:분류앵커~~
틀:불법2	틀:블러2	틀:블러3	틀:블러4
틀:블링크	틀:비공식 설정	틀:빈 이미지
ㅅ
틀:사건사고	틀:산문적 문서	틀:상징색	~~틀:색상 수평줄~~
틀:성적 요소	틀:세계관 무관	틀:세계관 별점	틀:소설 (시작 / 끝 / 버튼 / 클립보드)
틀:소셜 프로필	틀:소속단체 유저박스	틀:수평줄 꾸미기	틀:순차형3
틀:스포일러 강조	틀:실루엣	틀:씹덕주의

[ ㅇ~ㅎ ]

ㅇ
틀:안내문	틀:알림창	틀:오류창	틀:외부 라이선스
틀:외부링크숨김	틀:원형 그래프	틀:유저박스 틀	틀:이미지 가림
틀:이미지 넣기 (/tag)	틀:이미지 변화	틀:이미지 여백 제거	틀:인용문D
틀:인용문N → 틀:인용문1	틀:인용문SCP	틀:인용문W
ㅈ
틀:접기변화	틀:조사	틀:주의 가림막	틀:줄바꿈
ㅊ
틀:체크리스트
ㅋ
틀:커스텀 목록	틀:코드 예제	틀:코드 예제 끝
ㅌ
틀:테두리 그라데이션	틀:텍스트 가림	틀:툴팁	틀:툴팁2
틀:틀 도움
ㅍ
틀:파일	틀:팬그램	틀:펼치기 접기/multi (제목 / 내용)	틀:폰트
틀:폴리비오스 암호	틀:표 안의 표
ㅎ
틀:하위 문서3	틀:하이라이트	틀:혐오적 요소	틀:호감도
틀:흑백

※ 더 이상 사용하지 않거나 사용할 필요가 없는 경우 취소선 처리
※ 일부 극히 단순한 틀은 본 틀 목록에 미포함

@@ 1번째 줄: / 1번째 줄: @@
 {{namucat|김찬/제작한 틀}}
 {{틀 도움}}
-<onlyinclude><includeonly>{{#switch:{{{1|}}}
+{{관련 문서2|틀:말풍선CSH}}
-|body = <div style="max-width: 600px; margin: .8rem auto; padding: 10px; background: gray; border-left: 30px solid rgba(0, 0, 0, .5); border-radius: 0 10px 10px 0;">{{너비맞춤}}{{{2|}}}</div>
+<onlyinclude><includeonly>{{반응형 style|.talking-template-profile-img|common=display: inline-block; vertical-align: top; border-radius: 50%; overflow: hidden;|pc=width: 50px;|mobile=width: 45px;}}{{#css: .talking-box-monitor::-webkit-scrollbar { width: 0!important; } }}{{#switch:{{{1|}}}
-|me = <div style="display: inlin-block; margin: 5px 0; width: 100%; text-align: right;"><!--
+|body = {{#switch:{{{type|}}}|phone=<div style="position: relative; max-width: {{{width|350px}}}; width: 100%; margin: {{#switch:{{{align|}}}|left = .8rem auto 0 0|center = .8rem auto 0|right = .8rem 0 0 auto|#default = .8rem auto 0}}; background: var(--box--border); border-top: 30px solid var(--box--border); border-radius: 15px 15px 0 0;"><div style="position: absolute; top: -25px; left: 5px; color: white; font-weight: bold;">{{지역시분}}</div><div style="position: absolute; top: -25px; right: 5px;">{{exhide|type=jwiki|틀:말풍선|{{c|white|{{fa|volume-high}} {{fa|wifi}} {{fa|signal}} {{#switch:{{랜덤|4}}|0=100|1=75|2=50|3=25}}% {{#switch:{{랜덤|4}}|0={{fa|battery-full}}|1={{fa|battery-three-quarters}}|2={{fa|battery-half}}|3={{fa|battery-quarter}}}}}}}}</div></div><div class="talking-box-monitor" style="max-width: {{{width|350px}}}; width: 100%; aspect-ratio: 9 / 14; margin: {{#switch:{{{align|}}}|left = 0 auto 0 0|center = 0 auto|right = 0 0 0 auto|#default = 0 auto}}; padding: 5px 10px; background: #ddd; border-style: solid; border-color: var(--box--border); border-width: 0 3px; overflow-y: auto;">{{{2|}}}</div><div style="max-width: {{{width|350px}}}; width: 100%; margin: {{#switch:{{{align|}}}|left = 0 auto .8rem 0|center = 0 auto .8rem|right = 0 0 .8rem auto|#default = 0 auto .8rem}}; text-align: center; background: var(--box--border); border-bottom: 3px solid var(--box--border); border-radius: 0 0 15px 15px;"><div style="display: inline-block; width: 20%; height: 15px; margin-top: 7px; border: 1px solid white; border-radius: 20px;"></div></div>|default=<div style="max-width: 600px; margin: {{#switch:{{{align|}}}|left = .8rem auto .8rem 0|center = .8rem auto|right = .8rem 0 .8rem auto|#default = .8rem auto}}; padding: 5px 10px; background: #ddd; border-left: 30px solid #292d34; border-radius: 0 15px 0 0;">{{너비맞춤}}{{{2|}}}</div>|#default=<div style="max-width: 600px; margin: {{#switch:{{{align|}}}|left = .8rem auto .8rem 0|center = .8rem auto|right = .8rem 0 .8rem auto|#default = .8rem auto}}; padding: 5px 10px; background: #ddd; border-left: 30px solid #292d34; border-radius: 0 15px 0 0;">{{너비맞춤}}{{{2|}}}</div>}}
---><div style="width: 70%; margin: 0 10px; display: inline-block; vertical-align: top;">'''{{c|white|{{{2|이름}}}}}'''<br><!--
+|me = <div style="display: inline-block; margin: 5px 0; width: 100%; text-align: right;"><!--
---><div style="display: inline-block; {{#if:{{{image|}}}|border-radius: 5px 0 5px 5px; overflow: hidden; background: {{{bg|#ffeb33}}};|background: {{{bg|#ffeb33}}}; padding: 5px 10px; {{#if:{{{border|}}}|border: {{{border|}}};|}} border-radius: 5px 0 5px 5px; color: {{{color|#373a3c}}};}}">{{#if:{{{image|}}}|<div style="margin: -.5px -.5px -.25px -.25px;">[[파일:{{{image|}}}|{{{width|}}}]]</div>|{{{4|}}}}}</div></div><!--
+--><div style="width: 70%; margin: 0 10px; display: inline-block; vertical-align: top;">'''{{c|#6d6d6d|{{{2|이름}}}}}'''<br><!--
---><div style="width: 50px; display: inline-block; vertical-align: top; border-radius: 50%; overflow: hidden;">[[파일:{{{3|인스타그램기본프사.jpg}}}|1000px|link=]]</div><!--
+--><div style="text-align: left; display: inline-block; {{#if:{{{image|}}}|border-radius: 5px 0 5px 5px; overflow: hidden; background: {{{bg|transparent}}};|background: {{{bg|#d4ba8b}}}; padding: 5px 10px; {{#if:{{{border|}}}|border: {{{border|}}};|}} border-radius: 5px 0 5px 5px; color: {{{color|black}}};}}">{{#if:{{{image|}}}|<div style="margin: -.5px -.5px -.25px -.25px;">[[파일:{{파일명 인식|{{{image|}}}}}|{{{4|}}}|link=]]</div>|{{{4|}}}}}</div></div><!--
+--><div class="talking-template-profile-img">[[파일:{{{3|기본프사.png}}}|1000px|link=]]</div><!--
+--></div>
+|me-plus = <div style="display: inline-block; margin: 5px 0; width: 100%; text-align: right;"><!--
+--><div style="width: 70%; margin: 0 10px; display: inline-block; vertical-align: top;"><!--
+--><div style="text-align: left; display: inline-block; {{#if:{{{image|}}}|border-radius: 5px 0 5px 5px; overflow: hidden; background: {{{bg|transparent}}};|background: {{{bg|#d4ba8b}}}; padding: 5px 10px; {{#if:{{{border|}}}|border: {{{border|}}};|}} border-radius: 5px 0 5px 5px; color: {{{color|black}}};}}">{{#if:{{{image|}}}|<div style="margin: -.5px -.5px -.25px -.25px;">[[파일:{{파일명 인식|{{{image|}}}}}|{{{4|}}}|link=]]</div>|{{{4|}}}}}</div></div><!--
+--><div class="talking-template-profile-img"></div><!--
 --></div>
 |other = <div style="display: inline-block; margin: 5px 0; width: 100%; text-align: left;"><!--
---><div style="width: 50px; display: inline-block; vertical-align: top; border-radius: 50%; overflow: hidden;">[[파일:{{{3|인스타그램기본프사.jpg}}}|1000px|link=]]</div><!--
+--><div class="talking-template-profile-img">[[파일:{{{3|기본프사.png}}}|1000px|link=]]</div><!--
---><div style="width: 70%; margin: 0 10px; display: inline-block; vertical-align: top;">'''{{c|white|{{{2|이름}}}}}'''<br><!--
+--><div style="width: 70%; margin: 0 10px; display: inline-block; vertical-align: top;">'''{{c|#6d6d6d|{{{2|이름}}}}}'''<br><!--
---><div style="display: inline-block; {{#if:{{{image|}}}|border-radius: 0 5px 5px 5px; overflow: hidden; background: {{{bg|white}}};|background: {{{bg|white}}}; padding: 5px 10px; {{#if:{{{border|}}}|border: {{{border|}}};|}} border-radius: 0 5px 5px 5px; color: {{{color|#373a3c}}};}}">{{#if:{{{image|}}}|<div style="margin: -.5px -.5px -.25px -.25px;">[[파일:{{{image|}}}|{{{4|}}}]]</div>|{{{4|}}}}}</div></div></div>
+--><div style="text-align: left; display: inline-block; {{#if:{{{image|}}}|border-radius: 0 5px 5px 5px; overflow: hidden; background: {{{bg|transparent}}};|background: {{{bg|white}}}; padding: 5px 10px; {{#if:{{{border|}}}|border: {{{border|}}};|}} border-radius: 0 5px 5px 5px; color: {{{color|black}}};}}">{{#if:{{{image|}}}|<div style="margin: -.5px -.5px -.25px -.25px;">[[파일:{{파일명 인식|{{{image|}}}}}|{{{4|}}}|link=]]</div>|{{{4|}}}}}</div></div></div>
+|other-plus = <div style="display: inline-block; margin: 5px 0; width: 100%; text-align: left;"><!--
+--><div class="talking-template-profile-img"></div><!--
+--><div style="width: 70%; margin: 0 10px; display: inline-block; vertical-align: top;"><!--
+--><div style="text-align: left; display: inline-block; {{#if:{{{image|}}}|border-radius: 0 5px 5px 5px; overflow: hidden; background: {{{bg|transparent}}};|background: {{{bg|white}}}; padding: 5px 10px; {{#if:{{{border|}}}|border: {{{border|}}};|}} border-radius: 0 5px 5px 5px; color: {{{color|black}}};}}">{{#if:{{{image|}}}|<div style="margin: -.5px -.5px -.25px -.25px;">[[파일:{{파일명 인식|{{{image|}}}}}|{{{4|}}}|link=]]</div>|{{{4|}}}}}</div></div></div>
+|narration = <div style="display: inline-block; margin: 5px 0; width: 100%; border-radius: 20px; background: {{{bg|rgba(0, 0, 0, .1)}}}; padding: 2px; text-align: center; color: {{{color|black}}};">{{{2|}}}</div>
 |#default = <strong class="error">오류: 첫 번째 변수에는 반드시 "me" 또는 "other"이 와야 합니다.</strong>
 }}</includeonly></onlyinclude>
+{{목차제거}}
 == 설명 ==
 {{exhide|type=namu|붕괴: 스타레일}}의 문자 메시지를 [[나무위키]]가 모방한 것을 참고하여 제작한 말풍선 틀입니다.
@@ 21번째 줄: / 33번째 줄: @@
 {{말풍선|<me or other>|<이름>|<프로필 사진>|<내용>|border=<테두리(선택)>|bg=<배경색(선택)>|color=<글씨색(선택)>}}
 {{말풍선|<me or other>|<이름>|<프로필 사진>|image=<이미지>|<이미지 너비>}}
+{{말풍선|narration|<내용>|bg=<배경색(선택)>}}
 }}</pre>
 * '''모든 말풍선 틀은 <code><nowiki>{{말풍선|body|<여기>}}</nowiki></code> 안에 작성되어야 합니다.''' body 변수는 말풍선이 깔리는 기본적인 배경 레이아웃을 제공합니다.
-* 가장 처음 오는 변수에는 반드시 {{code|me}}{{ttt|*|내가 보내는 메시지로, 화면의 우측에 표시되며 기본 배경색이 {{span|atr=style="background: #ffeb33;"|#FFEB33}}으로 표시됩니다.}} 또는 {{code|other}}{{ttt|*|남이 보내는 메시지로, 화면의 좌측에 표시되며 기본 배경색이 #FFFFFF으로 표시됩니다.}}이 와야 합니다.
+* 가장 처음 오는 변수에는 반드시 {{code|me}}{{툴팁|btn=numbering|numbering=bracket|내가 보내는 메시지로, 화면의 우측에 표시되며 기본 배경색이 {{span|atr=style="background: #d4ba8b;"|#D4BA8B}}으로 표시됩니다.}} 또는 {{code|other}}{{툴팁|btn=numbering|numbering=bracket|남이 보내는 메시지로, 화면의 좌측에 표시되며 기본 배경색이 #FFFFFF으로 표시됩니다.}}이 와야 합니다.
+** 첫 변수에 {{code|narration}}이 왔다면, 누가 보내는 메시지도 아닌 화면 가운데에 내레이션처럼 출력되는 박스를 생성합니다.
 * 두 번째 변수는 보내는 사람의 이름을 표시합니다. 입력하지 않으면 기본값으로 {{u|이름}}이 출력됩니다.
-* 세 번째 변수는 보내는 사람의 프로필 사진을 표시합니다. 입력하지 않으면 기본값으로 [[:파일:인스타그램기본프사.jpg]]([[파일:인스타그램기본프사.jpg|20px|link=]])가 출력됩니다. '''너비와 높이가 같은 1:1 정사각형 이미지로 사용할 것을 권장합니다.'''
+* 세 번째 변수는 보내는 사람의 프로필 사진을 표시합니다. 입력하지 않으면 기본값으로 [[:파일:기본프사.png]]([[파일:기본프사.png|20px|link=]])가 출력됩니다. 틀 내에서 이미지의 모서리를 자동으로 둥글게 처리하므로 '''너비와 높이가 같은 1:1 정사각형 이미지로 사용할 것을 권장합니다.'''
 * 네 번째 변수는 본격적으로 말풍선의 내용을 표시합니다. 입력한 텍스트가 말풍선 안에 표시됩니다.
 * {{code|border}} 선택 변수는 말풍선의 테두리를 지정할 수 있습니다. {{code|<두께> <형태> <색깔>}}로 입력해야 합니다.
@@ 32번째 줄: / 46번째 줄: @@
 * {{code|color}} 선택 변수는 말풍선 안의 글씨색을 지정할 수 있습니다.
 * 만일 텍스트가 아닌 이미지를 보내는 말풍선을 만들고 싶다면 {{code|image}} 변수를 사용할 수 있습니다. 이때 기존에 내용을 입력하던 네 번째 변수는 이미지의 너비 변수로 바뀝니다.
+== 사용 예제 ==
+{|{{style|class=wiki|width=100%|border=var(--box--border)|align=center}}
+|-
+|기본적인 사용법과 결과입니다.<br><!--
+-->{{펼접|id=example-1|title=[ 문법 ]|multi=on|multiwidth=50%}}
+|-
+|{{style|border: none;}}|<pre>{{말풍선|body|
+{{말풍선|me|김찬|KimChan.jpg|이 틀은}}
+{{말풍선|me-plus|김찬|KimChan.jpg|이렇게}}
+{{말풍선|me-plus|김찬|KimChan.jpg|쓰는 거예요}}
+{{말풍선|narration|얘는 나레이션이고요}}
+{{말풍선|other|Jwiki|4=우와}}
+{{말풍선|other-plus|Jwiki|4=그렇군요}}
+}}</pre>
+{{펼접끝}}
+{{펼접|id=example-2|title=[ 결과 ]|multi=bottom|multiwidth=50%}}
+|-
+|{{style|border: none;}}|{{말풍선|body|
+{{말풍선|me|김찬|KimChan.jpg|이 틀은}}
+{{말풍선|me-plus|김찬|KimChan.jpg|이렇게}}
+{{말풍선|me-plus|김찬|KimChan.jpg|쓰는 거예요}}
+{{말풍선|narration|얘는 나레이션이고요}}
+{{말풍선|other|Jwiki|4=우와}}
+{{말풍선|other-plus|Jwiki|4=그렇군요}}
+}}
+{{펼접끝}}
+|-
+|{{style|border-top: 2px solid var(--box--border);}}|<code>body</code>에 <code><nowiki>|type=phone</nowiki></code>을 추가하면 레이아웃이 휴대폰처럼 바뀝니다.<br><!--
+-->{{펼접|id=example-3|title=[ 문법 ]|multi=on|multiwidth=50%}}
+|-
+|{{style|border: none;}}|<pre>{{말풍선|body|type=phone|
+{{말풍선|me|김찬|KimChan.jpg|이 틀은}}
+{{말풍선|me-plus|김찬|KimChan.jpg|이렇게}}
+{{말풍선|me-plus|김찬|KimChan.jpg|쓰는 거예요}}
+{{말풍선|narration|얘는 나레이션이고요}}
+{{말풍선|other|Jwiki|4=우와}}
+{{말풍선|other-plus|Jwiki|4=그렇군요}}
+}}</pre>
+{{펼접끝}}
+{{펼접|id=example-4|title=[ 결과 ]|multi=bottom|multiwidth=50%}}
+|-
+|{{style|border: none;}}|{{말풍선|body|type=phone|
+{{말풍선|me|김찬|KimChan.jpg|이 틀은}}
+{{말풍선|me-plus|김찬|KimChan.jpg|이렇게}}
+{{말풍선|me-plus|김찬|KimChan.jpg|쓰는 거예요}}
+{{말풍선|narration|얘는 나레이션이고요}}
+{{말풍선|other|Jwiki|4=우와}}
+{{말풍선|other-plus|Jwiki|4=그렇군요}}
+}}
+{{펼접끝}}
+|}
 == 둘러보기 ==
 {{김찬 제작 틀}}