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

1.2024년 9월 2일 (월) 23:32 판

분류:

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

21:40

75%

김찬

이 틀은

김찬

이렇게

김찬

쓰는 거예요

얘는 나레이션이고요

Jwiki

우와

Jwiki

그렇군요

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

틀:말풍선에서 칠성고등학교에 맞게 일부 색상과 디자인이 변경된 틀
즉 사용법은 같음

[ 사용법 ]

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

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

@@ 1번째 줄: / 1번째 줄: @@
 {{namucat|칠성고등학교/틀}}[[분류:CSH]]
 {{틀 도움}}
-{{말풍선CSH|body|
+{{반응형 style|.pc-only-half-box|common=display: inline-block; vertical-align: middle;|pc=width: calc(50% - 1.2rem); margin: 0 .6rem;|mobile=width: 100%;}}<div style="max-width: 700px; width: 100%; margin: .8rem auto;"><div class="pc-only-half-box">{{말풍선CSH|body|
 {{말풍선CSH|me|김찬|KimChan.jpg|이 틀은}}
 {{말풍선CSH|me|김찬|KimChan.jpg|이렇게}}
@@ 8번째 줄: / 8번째 줄: @@
 {{말풍선CSH|other|Jwiki|4=우와}}
 {{말풍선CSH|other|Jwiki|4=그렇군요}}
-}}
+}}</div><div class="pc-only-half-box"><pre>{{말풍선CSH|body|
+{{말풍선CSH|me|김찬|KimChan.jpg|이 틀은}}
+{{말풍선CSH|me|김찬|KimChan.jpg|이렇게}}
+{{말풍선CSH|me|김찬|KimChan.jpg|쓰는 거예요}}
+{{말풍선CSH|narration|얘는 나레이션이고요}}
+{{말풍선CSH|other|Jwiki|4=우와}}
+{{말풍선CSH|other|Jwiki|4=그렇군요}}
+}}</pre></div></div>
 <onlyinclude><includeonly>{{#switch:{{{1|}}}
 |body = <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;">{{지역시분}}</div><div style="position: absolute; top: -25px; right: 5px; color: white;">{{fa|clock}} {{fa|signal}} {{fa|wifi}} 75% {{fa|battery-three-quarters}}</div></div><div 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: #00beff; 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>
@@ 23번째 줄: / 30번째 줄: @@
 |#default = <strong class="error">오류: 첫 번째 변수에는 반드시 "me" 또는 "other"이 와야 합니다.</strong>
 }}</includeonly></onlyinclude>
-* [[틀:말풍선]]에서 [[칠성고등학교]]에 맞게 일부 색상만 변경된 틀<br>즉 문법적으로는 일치함
+* [[틀:말풍선]]에서 [[칠성고등학교]]에 맞게 일부 색상과 디자인이 변경된 틀<br>즉 사용법은 같음
 {{folding|id=1|title=[ 사용법 ]|<pre>{{말풍선CSH|body|