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

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

‎

‎‎

‎

틀 설명

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

사용법

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

@@ 1번째 줄: / 1번째 줄: @@
 <onlyinclude>
+<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; min-width:300px;"><div>{{{기술 움짤|}}}</div>
+</div><!--- 좌측 움짤 --->
+<div style="display:flex; flex-direction:column; flex-grow:1; max-width:798px;">
+<div style="display:flex;">
+<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); 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>
+<div style="color:#261758; text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff;> <b>{{{스킬 종류|}}}</b></div>
+<div style="color:#261758; text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff;> <b>{{{쿨타임|}}}</b></div>
+</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; 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; 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; 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; 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; 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); height:100%;"> <div style="margin:5px;">{{{기술 설명|}}}</div>
+</div><!--- 중단 --->
+<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>
+<div style="padding: 5px; color:#261758; text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff;> '''‎{{{기술 상세 정보2|}}}'''</div>
+<div style="padding: 5px; color:#D11271; text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff; text-align:right;> '''‎{{{기술 상세 정보3|}}}'''</div>
+</div><!--- 하단 --->
+</div><!--- 우측 --->
+</div><!--- 최외곽 --->
+<div style="display:none;">
 {| style="border: 2px solid #ffffff; width: auto%; border-spacing: 0px;"
 |+
-| rowspan="2" style=" width:92px; background-color:#FFFAF0; border-radius: 10px 0 0 0; | {{{기술 사진|}}}
-| colspan="3" style="width:auto; color:#D11271; text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff; background-color:rgb(221, 160, 221, 0.5); | '''<big>{{{기술 이름|}}}</big>'''‎
-| colspan="2" style="width:auto; color:#D11271; background-color:rgb(221, 160, 221, 0.5); border-radius:0 10px 0 0; | {{{스킬 종류, 쿨타임|}}}
 |-
-| colspan="5"  style="padding: 5px; color:#261758; background-color:rgb(220, 220, 220, 0.5); |
+! rowspan="5" style="padding: 0; width:auto; background-color:rgb(220, 220, 220, 0.3); border-radius:20px 0 0 20px; overflow:hidden; padding:10px; 0;"|
-<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:50px; text-align:center;">{{{기술 속성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; width:50px; text-align:center;">{{{기술 속성2|}}}</div>
+| rowspan="2" style=" width:100px; height:100px; background-color:#FFFAF0; | {{{기술 사진|}}}
-<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:50px; text-align:center;">{{{기술 속성3|}}}</div>
+| colspan="2" style=" width:auto; max-height: 40px; color:#D11271; text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff; background-color:rgb(153, 193, 201, 0.3); | '''<big>{{{기술 이름|}}}</big>'''‎
-<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:50px; text-align:center;">{{{기술 속성4|}}}</div>
+| style="width:auto; color:#261758; background-color:rgb(153, 193, 201, 0.3); text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff; | <b>{{{스킬 종류|}}}</b>
-<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:50px; text-align:center;">{{{기술 속성5|}}}</div>
+| style="width:auto; color:#261758; background-color:rgb(153, 193, 201, 0.3); text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff; border-radius:0 20px 0 0; | <b>{{{쿨타임|}}}</b>
 |-
-! rowspan="3" colspan="2" style="padding: 0; width:auto; background-color:rgb(220, 220, 220, 0.5); border-radius:0 0 0 10px"| {{{기술 움짤|}}}
+| colspan="4"  style=" height:52px; color:#261758; background-color:rgb(153, 193, 201, 0.3); | <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; float: left; margin:0 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; width:100px; text-align:center; float: left; margin:0 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; width:100px; text-align:center; float: left; margin:0 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; width:100px; text-align:center; float: left; margin:0 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; width:100px; text-align:center; float: left; margin:0 5px;">{{{기술 속성5|}}}</div>
 |-
-| colspan="4"  style="padding: 5px; color:#261758; background-color:rgb(220, 220, 220, 0.5); | {{{기술 설명|}}}
+| colspan="5"  style="height:auto; padding: 5px; color:#261758; background-color:rgb(220, 220, 220, 0.3); width:500px; | {{{기술 설명|}}}
 |-
-| style="padding: 5px; color:#261758; text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff; background-color:rgb(220, 220, 220, 0.5); | '''‎{{{기술 정보|}}}'''‎
+| colspan="2" style=" height:100px; padding: 5px; color:#261758; text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff; background-color:rgb(220, 220, 220, 0.3); width:150px; | '''‎{{{기술 정보|}}}'''‎
-| style="padding: 5px; color:#D11271; text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff; background-color:rgb(220, 220, 220, 0.5); | '''‎{{{기술 상세 정보1|}}}'''‎
+| style="padding: 5px; color:#D11271; text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff; background-color:rgb(220, 220, 220, 0.3); width:100px | '''‎{{{기술 상세 정보1|}}}'''‎
-| style="padding: 5px; color:#D11271; text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff; background-color:rgb(220, 220, 220, 0.5); | '''‎{{{기술 상세 정보2|}}}'''
+| style="padding: 5px; color:#261758; text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff; background-color:rgb(220, 220, 220, 0.3); text-align:right; | '''‎{{{기술 상세 정보2|}}}'''
-| style="padding: 5px; color:#D11271; text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff; background-color:rgb(220, 220, 220, 0.5); border-radius:0 0 10px 0 | '''‎{{{기술 상세 정보3|}}}'''
+| style="padding: 5px; color:#D11271; text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff; background-color:rgb(220, 220, 220, 0.3); border-radius:0 0 20px 0; text-align:right; | '''‎{{{기술 상세 정보3|}}}'''
 |}
+</div>
 </onlyinclude>
 <noinclude>
@@ 36번째 줄: / 76번째 줄: @@
 |기술 움짤 = [[기술 움짤|100px]]
 |기술 이름 = 기술 이름
-|스킬 종류, 쿨타임 = 스킬 종류, 쿨타임
+|스킬 종류 = 스킬 종류
+|쿨타임 = 쿨타임
 |기술 속성1 = 기술 속성
 |기술 속성2 = 기술 속성
@@ 49번째 줄: / 90번째 줄: @@
 }}
 </pre>
-[[분류:틀]]
+[[분류:틀]][[분류:오메가 스트라이커스]]