틀:도와주세요! 사토리님 반응: 두 판 사이의 차이

2024년 2월 14일 (수) 19:22 기준 최신판

'

'

개요

사용법

{{틀:도와주세요! 사토리님 반응
|우츠호 반응 = 
|우츠호 대사 = 
|사토리 대사 = 
}}

@@ 2번째 줄: / 2번째 줄: @@
 <div style="display:flex; flex-direction:column; align-items:center; width:100%;">
 <div style="display:flex; justify-content:center; position:relative; width:100%; max-height:500px; overflow:hidden;">
-<div style="position:relative; display:flex; justify-content:center; width:100%;">{{{우츠호|}}}</div>
+<div style="position:relative; display:flex; justify-content:center; width:100%;">[[파일:도와주세요! 사토리님 레이우지 우츠호 {{{우츠호 반응|}}}.gif|x300px]]</div>
-<div style="position:absolute; top:15px; left:50%;">
+<div style="position:absolute; top:15px; left:55%; width:100%;">
-<div style="position:relative; width:80%; height:60px; padding:5px; background-color:rgb(77, 111, 62, 0.9); border-radius:30px; color:#fff;">'''{{{우츠호 대사|}}}'''
+<div style="position:relative; width:40%; height:60px; padding:5px; background-color:rgb(77, 111, 62, 0.9); border-radius:30px; color:#fff;">'''{{{우츠호 대사|}}}'''
 <div style="content:''; position:absolute; left:30px; bottom:-15px; border-left:8px solid transparent; border-right:24px solid transparent; border-top:15px solid rgb(77, 111, 62, 0.9);"></div></div><!--- 말풍선 끝 --->
 </div><!--- 말풍선 위치 --->
 </div><!--- 상단 대화창 --->
-<div style="display:flex; justify-content: start; position:relative; min-height:250px;">
+<div style="position:relative; width:100%; min-height:175px;">
-<div style="position:absolute; top:0; left:0; max-height:225px; overflow:hidden;">[[파일:도와주세요! 사토리님 사토리2.png]]</div>
+<div style="position:absolute; top:0; left:0; max-height:175px; overflow:hidden;">[[파일:도와주세요! 사토리님 사토리2.png|200px]]</div>
+<div style="position:absolute; top:30%; left:30%;">
+<div style="position:relative; max-width:100%; height:60px; padding:10px; background-color:rgb(91, 51, 107, 0.9); border-radius:30px; color:#fff;">'''{{{사토리 대사|}}}'''
+<div style="content:''; position:absolute; top:50%; left:-16px; border-right:16px solid rgb(91, 51, 107, 0.9); border-top:10px solid transparent; border-bottom:10px solid transparent; transform:translateY(-50%);"></div></div><!--- 말풍선 끝 --->
+</div><!--- 말풍선 --->
 </div><!--- 하단 대화창 --->
 </div><!--- 외곽선 끝 --->
@@ 19번째 줄: / 23번째 줄: @@
 <pre>
 {{틀:도와주세요! 사토리님 반응
-|우츠호 =
+|우츠호 반응 =
 |우츠호 대사 =
-|대사 =
+|사토리 대사 =
 }}
 </pre>