편집 요약 없음 |
편집 요약 없음 |
||
| 4번째 줄: | 4번째 줄: | ||
{{말풍선CSH|me|김찬|KimChan.jpg|이 틀은}} | {{말풍선CSH|me|김찬|KimChan.jpg|이 틀은}} | ||
{{말풍선CSH|me|김찬|KimChan.jpg|이렇게}} | {{말풍선CSH|me|김찬|KimChan.jpg|이렇게}} | ||
{{말풍선CSH|me|김찬|KimChan.jpg| | {{말풍선CSH|me|김찬|KimChan.jpg|{{로렘 입숨}}}} | ||
{{말풍선CSH|narration|얘는 나레이션이고요}} | {{말풍선CSH|narration|얘는 나레이션이고요}} | ||
{{말풍선CSH|other|Jwiki|4=우와}} | {{말풍선CSH|other|Jwiki|4=우와}} | ||
| 20번째 줄: | 20번째 줄: | ||
|me = <div style="display: inline-block; margin: 5px 0; width: 100%; text-align: right;"><!-- | |me = <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;">'''{{c|white|{{{2|이름}}}}}'''<br><!-- | --><div style="width: 70%; margin: 0 10px; display: inline-block; vertical-align: top;">'''{{c|white|{{{2|이름}}}}}'''<br><!-- | ||
--><div style="text-align: left; display: inline-block; {{#if:{{{image|}}}|border-radius: 5px 0 5px 5px; overflow: hidden; background: {{{bg|transparent}}};|background: {{{bg|moccasin}}}; 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|}}}|{{{width|}}}]]</div>|{{{4|}}}}}</div></div><!-- | --><div style="text-align: left; display: inline-block; max-width: calc(100% - 25px); {{#if:{{{image|}}}|border-radius: 5px 0 5px 5px; overflow: hidden; background: {{{bg|transparent}}};|background: {{{bg|moccasin}}}; 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|}}}|{{{width|}}}]]</div>|{{{4|}}}}}</div></div><!-- | ||
--><div style="width: 50px; display: inline-block; vertical-align: top; border-radius: 50%; overflow: hidden;">[[파일:{{{3|기본프사.png}}}|1000px|link=]]</div><!-- | --><div style="width: 50px; display: inline-block; vertical-align: top; border-radius: 50%; overflow: hidden;">[[파일:{{{3|기본프사.png}}}|1000px|link=]]</div><!-- | ||
--></div> | --></div> | ||
| 26번째 줄: | 26번째 줄: | ||
--><div style="width: 50px; display: inline-block; vertical-align: top; border-radius: 50%; overflow: hidden;">[[파일:{{{3|기본프사.png}}}|1000px|link=]]</div><!-- | --><div style="width: 50px; display: inline-block; vertical-align: top; border-radius: 50%; overflow: hidden;">[[파일:{{{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|white|{{{2|이름}}}}}'''<br><!-- | ||
--><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|}}}]]</div>|{{{4|}}}}}</div></div></div> | --><div style="text-align: left; display: inline-block; max-width: calc(100% - 25px); {{#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|}}}]]</div>|{{{4|}}}}}</div></div></div> | ||
|narration = <div style="display: inline-block; margin: 5px 0; width: 100%; border-radius: 20px; background: {{{bg|rgba(255, 255, 255, .5)}}}; padding: 2px 5px; text-align: center; color: {{{color|black}}};">{{{2|}}}</div> | |narration = <div style="display: inline-block; margin: 5px 0; width: 100%; border-radius: 20px; background: {{{bg|rgba(255, 255, 255, .5)}}}; padding: 2px 5px; text-align: center; color: {{{color|black}}};">{{{2|}}}</div> | ||
|#default = <strong class="error">오류: 첫 번째 변수에는 반드시 "me" 또는 "other"이 와야 합니다.</strong> | |#default = <strong class="error">오류: 첫 번째 변수에는 반드시 "me" 또는 "other"이 와야 합니다.</strong> | ||
2025년 2월 24일 (월) 06:29 판
| 틀:말풍선CSH | |
|---|---|
사용문서
|
|
넘겨주기
|
이동하기
|
21:22
김찬
이 틀은
김찬
이렇게
김찬
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
얘는 나레이션이고요
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변수를 사용할 수 있습니다. 이때 기존에 내용을 입력하던 네 번째 변수는 이미지의 너비 변수로 바뀝니다.
