편집토론문서 역사

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

시각
편집 요약 없음
편집 요약 없음
 
(같은 사용자의 중간 판 12개는 보이지 않습니다)
3번째 줄: 3번째 줄:
{{반응형 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|
{{반응형 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|이 틀은}}
{{말풍선CSH|me|김찬|KimChan.jpg|이렇게}}
{{말풍선CSH|me-plus|이렇게}}
{{말풍선CSH|me|김찬|KimChan.jpg|쓰는 거예요}}
{{말풍선CSH|me-plus|쓰는 거예요}}
{{말풍선CSH|narration|얘는 나레이션이고요}}
{{말풍선CSH|narration|얘는 나레이션이고요}}
{{말풍선CSH|other|Jwiki|4=우와}}
{{말풍선CSH|other|Jwiki|4=우와}}
{{말풍선CSH|other|Jwiki|4=그렇군요}}
{{말풍선CSH|other-plus|그렇군요}}
}}</div><div class="pc-only-half-box"><pre>{{말풍선CSH|body|
}}</div><div class="pc-only-half-box"><pre style="white-space: pre-wrap;">{{말풍선CSH|body|
{{말풍선CSH|me|김찬|KimChan.jpg|이 틀은}}
{{말풍선CSH|me|김찬|KimChan.jpg|이 틀은}}
{{말풍선CSH|me|김찬|KimChan.jpg|이렇게}}
{{말풍선CSH|me-plus|이렇게}}
{{말풍선CSH|me|김찬|KimChan.jpg|쓰는 거예요}}
{{말풍선CSH|me-plus|쓰는 거예요}}
{{말풍선CSH|narration|얘는 나레이션이고요}}
{{말풍선CSH|narration|얘는 나레이션이고요}}
{{말풍선CSH|other|Jwiki|4=우와}}
{{말풍선CSH|other|Jwiki|4=우와}}
{{말풍선CSH|other|Jwiki|4=그렇군요}}
{{말풍선CSH|other-plus|그렇군요}}
}}</pre></div></div>
}}</pre></div></div>
<onlyinclude><includeonly>{{#css: .talking-box-monitor::-webkit-scrollbar { width: 0!important; } }}{{#switch:{{{1|}}}
<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-CSH::-webkit-scrollbar { width: 0!important; } }}{{#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; font-weight: bold;">{{지역시분}}</div><div style="position: absolute; top: -25px; right: 5px; font-weight: bold;">{{exhide|type=jwiki|틀:말풍선CSH|{{c|white|{{fa|clock}} {{fa|signal}} {{fa|wifi}} {{#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: #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>
|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; font-weight: bold;">{{지역시분}}</div><div style="position: absolute; top: -25px; right: 5px; font-weight: bold;">{{exhide|type=jwiki|틀:말풍선CSH|{{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-CSH" 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: {{{bg|#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>
|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; {{#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|}}}|{{{4|}}}]]</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 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|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|}}}|{{{2|}}}]]</div>|{{{2|}}}}}</div></div><!--
--><div class="talking-template-profile-img"></div><!--
--></div>
--></div>
|other = <div style="display: inline-block; margin: 5px 0; width: 100%; text-align: left;"><!--
|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|기본프사.png}}}|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|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; {{#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>
|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|}}}|{{{2|}}}]]</div>|{{{2|}}}}}</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>

1.2025년 5월 30일 (금) 10:36 기준 최신판

분류:
틀:말풍선CSH
사용문서
새로고침
넘겨주기
이동하기
14:20
김찬
이 틀은
이렇게
쓰는 거예요
얘는 나레이션이고요
Jwiki
우와
그렇군요
{{말풍선CSH|body|
{{말풍선CSH|me|김찬|KimChan.jpg|이 틀은}}
{{말풍선CSH|me-plus|이렇게}}
{{말풍선CSH|me-plus|쓰는 거예요}}
{{말풍선CSH|narration|얘는 나레이션이고요}}
{{말풍선CSH|other|Jwiki|4=우와}}
{{말풍선CSH|other-plus|그렇군요}}
}}
[ 사용법 ]