틀:오메가 스트라이커스 스킬: 두 판 사이의 차이

2023년 12월 14일 (목) 16:58 기준 최신판

‎

‎‎

‎

틀 설명

오메가 스트라이커즈 캐릭터들에 대한 정보를 표시하는 틀입니다. 작성중

사용법

{{틀:오메가 스트라이커즈 스킬
|기술 사진 = [[기술 사진|92px]]
|기술 움짤 = [[기술 움짤|100px]]
|기술 이름 = 기술 이름
|스킬 종류 = 스킬 종류
|쿨타임 = 쿨타임
|기술 속성1 = 기술 속성
|기술 속성2 = 기술 속성
|기술 속성3 = 기술 속성
|기술 속성4 = 기술 속성
|기술 속성5 = 기술 속성
|기술 설명 = 기술 설명
|기술 정보 = 기술 정보
|기술 상세 정보1 = 기술 상세 정보
|기술 상세 정보2 = 기술 상세 정보
|기술 상세 정보3 = 기술 상세 정보
}}

@@ 1번째 줄: / 1번째 줄: @@
 <onlyinclude>
-<div style="display:block; flex-wrap:wrap; border-radius:20px 20px 20px 20px; overflow:hidden; width:100%;">
+<div style="display:flex; flex-wrap:wrap; justify-content:center; border-radius:20px 20px 20px 20px; overflow:hidden;">
-<div style="padding: 0; background-color:rgb(220, 220, 220, 0.3); display:flex; justify-content:center; align-items:center;"><div>{{{기술 움짤|}}}</div>
+<div style="padding: 0; background-color:rgb(220, 220, 220, 0.3); display:flex; justify-content:center; align-items:center; min-width:300px;"><div>{{{기술 움짤|}}}</div>
 </div><!--- 좌측 움짤 --->
-<div style="display:flex; flex-direction:column; width:650px;">
+<div style="display:flex; flex-direction:column; flex-grow:1; max-width:798px;">
 <div style="display:flex;">
-<div style="width:100px; height:100px; background-color:#FFFAF0; display:flex; justify-content:center; align-items:center;"><div>{{{기술 사진|}}}</div><!--- 기술 사진 --->
+<div style="height:100px; background-color:#FFFAF0; display:flex; justify-content:center; align-items:center;"><div>{{{기술 사진|}}}</div><!--- 기술 사진 --->
 </div><!--- 아이콘 --->
-<div style="display:flex; flex-direction:column; background-color:rgb(153, 193, 201, 0.3); width:100%;">
+<div style="display:flex; flex-direction:column; background-color:rgb(153, 193, 201, 0.3); flex-grow:1;">
 <div style="display:flex; justify-content:space-between; height:30px; align-items:center; padding:10px;">
 <div style="color:#D11271; text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff;> '''<big>{{{기술 이름|}}}</big>'''‎</div>
@@ 16번째 줄: / 16번째 줄: @@
 </div><!--- 스킬 이름 --->
 <div style="color:#261758; display:flex; height:50px; align-items:center;">
-<div style="color:white; text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000; background-color:grey; border-radius:5px; width:100px; text-align:center; margin:5px;">{{{기술 속성1|}}}</div>
+<div style="color:white; text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000; background-color:grey; border-radius:5px; text-align:center; margin:5px;"><div style="margin:0 10px;">{{{기술 속성1|}}}</div></div>
-<div style="color:white; text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000; background-color:grey; border-radius:5px; width:100px; text-align:center; margin:5px;">{{{기술 속성2|}}}</div>
+<div style="color:white; text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000; background-color:grey; border-radius:5px; text-align:center; margin:5px;"><div style="margin:0 10px;">{{{기술 속성2|}}}</div></div>
-<div style="color:white; text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000; background-color:grey; border-radius:5px; width:100px; text-align:center; margin:5px;">{{{기술 속성3|}}}</div>
+<div style="color:white; text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000; background-color:grey; border-radius:5px; text-align:center; margin:5px;"><div style="margin:0 10px;">{{{기술 속성3|}}}</div></div>
-<div style="color:white; text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000; background-color:grey; border-radius:5px; width:100px; text-align:center; margin:5px;">{{{기술 속성4|}}}</div>
+<div style="color:white; text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000; background-color:grey; border-radius:5px; text-align:center; margin:5px;"><div style="margin:0 10px;">{{{기술 속성4|}}}</div></div>
-<div style="color:white; text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000; background-color:grey; border-radius:5px; width:100px; text-align:center; margin:5px;">{{{기술 속성5|}}}</div>
+<div style="color:white; text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000; background-color:grey; border-radius:5px; text-align:center; margin:5px;"><div style="margin:0 10px;">{{{기술 속성5|}}}</div></div>
 </div><!--- 키워드 --->
 </div><!--- 우측 상단 --->
 </div><!--- 상단 --->
-<div style="color:#261758; background-color:rgb(220, 220, 220, 0.3); width:100%; height:100%;"> {{{기술 설명|}}}
+<div style="color:#261758; background-color:rgb(220, 220, 220, 0.3); height:100%;"> <div style="margin:5px;">{{{기술 설명|}}}</div>
 </div><!--- 중단 --->
-<div style="display:flex; justify-content:space-between; background-color:rgb(220, 220, 220, 0.3); width:100%;">
+<div style="display:flex; justify-content:space-between; background-color:rgb(220, 220, 220, 0.3); flex-grow:1;">
 <div style="padding: 5px; color:#261758; text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff;> '''‎{{{기술 정보|}}}'''</div>
 <div style="padding: 5px; color:#D11271; text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff;> '''‎{{{기술 상세 정보1|}}}'''‎</div>
@@ 90번째 줄: / 90번째 줄: @@
 }}
 </pre>
-[[분류:틀]]
+[[분류:틀]][[분류:오메가 스트라이커스]]