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

2023년 10월 22일 (일) 02:08 판

‎

‎‎

‎

틀 설명

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

사용법

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

@@ 1번째 줄: / 1번째 줄: @@
 <onlyinclude>
+<div style="display:flex; flex-wrap:wrap;">
+<div style="padding: 0; background-color:rgb(220, 220, 220, 0.3); border-radius:20px 0 0 20px; overflow:hidden;">{{{기술 움짤|}}}
+</div><!--- 좌측 움짤 --->
+<div style="display:flex; flex-direction:column;">
+<div style="display:flex;">
+<div style="width:100px; height:100px; background-color:#FFFAF0;">{{{기술 사진|}}}
+</div><!--- 아이콘 --->
+<div style="display:flex; flex-direction:column;">
+<div>
+</div><!--- 스킬 이름 --->
+<div style="color:#261758; background-color:rgb(153, 193, 201, 0.3); display:flex;">
+<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>
+</div><!--- 키워드 --->
+</div><!--- 우측 상단 --->
+</div><!--- 상단 --->
+<div style="height:auto; padding: 5px; color:#261758; background-color:rgb(220, 220, 220, 0.3);> {{{기술 설명|}}}
+</div><!--- 중단 --->
+<div style="display:flex;">
+<div 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;> '''‎{{{기술 정보|}}}'''</div>
+<div 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|}}}'''‎</div>
+<div 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|}}}'''</div>
+<div 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>
+</div><!--- 설명란2 --->
+</div><!--- 하단 --->
+</div><!--- 우측 --->
+</div><!--- 최외곽 --->
+<div style="display:none;">
 {| style="border: 2px solid #ffffff; width: auto%; border-spacing: 0px;"
 |+
 |-
-! 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;"| {{{기술 움짤|}}}
+! 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;"|
 |-
 | rowspan="2" style=" width:100px; height:100px; background-color:#FFFAF0; | {{{기술 사진|}}}
@@ 23번째 줄: / 62번째 줄: @@
 | 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>