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

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

'

'

개요

사용법

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

@@ 3번째 줄: / 3번째 줄: @@
 <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%;">[[파일:도와주세요! 사토리님 레이우지 우츠호 {{{우츠호 반응|}}}.gif|x300px]]</div>
-<div style="position:absolute; top:15px; left:55%;">
+<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><!--- 말풍선 위치 --->
@@ 11번째 줄: / 11번째 줄: @@
 <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; width:100%; height:60px; padding:10px; background-color:rgb(91, 51, 107, 0.9); border-radius:30px; color:#fff;">'''{{{사토리 대사|}}}'''
+<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><!--- 말풍선 --->