틀:도타 2 스킬 정보창: 두 판 사이의 차이

2023년 11월 14일 (화) 15:32 판

'

틀 설명

도타 2의 영웅들 스킬을 작성하는데 사용되는 표입니다.

사용법

{{틀:도타 2 스킬 정보창
|스킬 영상 = 스킬 영상
|스킬 아이콘 = 스킬 아이콘
|스킬 이름 = 스킬 이름
|스킬 설명 = 스킬 설명
|스킬 속성 = 스킬 속성
|스킬 상세 정보 = 스킬 상세 정보
|스킬 세부 정보 = 스킬 세부 정보
|쿨다운 = 쿨다운
|마나 = 마나
}}

@@ 1번째 줄: / 1번째 줄: @@
 <onlyinclude>
-<div style="display:flex; flex-wrap:wrap; overflow:hidden; border:solid; background-color:black;">
+<div style="display:flex; flex-wrap:wrap; overflow:hidden; border:solid; background-color:black; margin:0;">
 <!--- 스킬 영상 --->
-<div style="flex-grow:1; display:flex; max-width:500px;">{{{스킬 영상|}}}</div>
+<div style="flex-grow:1; display:flex; max-width:400px; height:225px;">{{{스킬 영상|}}}</div>
 <!--- 스킬 정보창 --->
 <div style="display:flex; flex-direction:column; flex-grow:1; max-width:700px;">
@@ 9번째 줄: / 9번째 줄: @@
 <!--- 아이콘 --->
 <div style="margin-right:10px;">{{{스킬 아이콘|}}}</div>
-<!--- 아이콘 외--->
-<div style="display:flex; flex-direction:column;">
 <!--- 스킬 이름 --->
-<div style="color:white; font-size:18px;">'''{{{스킬 이름|}}}'''</div>
+<div style="color:white; font-size:18px; font-size:24px; height:100%; display:flex; align-items:center;">'''{{{스킬 이름|}}}'''<br></div>
-<!--- 능력 정보 --->
-<div style="color:rgb(96, 110, 136, 1);">{{{스킬 설명|}}}</div>
-</div><!--- 아이콘 외 끝 --->
 </div><!--- 상단 끝 --->
 <!--- 중단 --->
-<div style="background-color:black; color:rgb(140, 155, 175,1); column-count:2;">{{{스킬 속성|}}}</div><!--- 중단 끝 --->
+<div style="background-color:black; color:rgb(140, 155, 175,1); height:100%; display:flex; align-items:center;">'''{{{스킬 설명|}}}'''</div>
-<div style="color:rgb(44, 53, 58);"><hr></div>
+<!--- 중단 끝 --->
+</div>
+</div>
+<!--- 스킬 정보창 끝 --->
+<div style="padding:0; margin:0; background-color:black;"><!--- 새로운 div창 --->
+<div style="display:flex; justify-content:center; color:#aaaaaa; width:100%; background-color:#111111;">{{{스킬 로어|}}}</div>
+<div style="color:white; column-width:300px; margin-top:10px;">{{{스킬 속성|}}}</div>
+<div style="color:rgb(44, 53, 58); margin:0;"><hr></div>
 <div style="color:white; column-width:300px;">{{{스킬 상세 정보|}}}</div>
-<div style="display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; color:rgb(80, 87, 93, 1)">
+<div style="color:rgb(80, 87, 93, 1); column-width:300px;">
 <div style="">[[파일:도타 2 쿨다운.png|16px]] {{{쿨다운|}}}</div>
 <div style="">[[파일:도타 2 마나.png|16px]]{{{마나|}}}</div>
+</div><!--- 스킬 정보창 끝 --->
+<div class="mw-collapsible mw-collapsed" data-expandtext="상세 정보 열기" data-collapsetext="상세 정보 닫기" style="width:100%; display:flex; flex-direction:column; align-items:center; color:white; background-color:rgb(42, 62, 69); color:rgb(71, 91, 97);">'''{{{스킬 세부 정보|}}}'''</div></div>
 </div>
-</div><!--- 스킬 정보창 끝 --->
-<div class="mw-collapsible mw-collapsed" data-expandtext="상세 정보 열기" data-collapsetext="상세 정보 닫기" style="width:100%; display:flex; flex-direction:column; align-items:center; background-color:rgb(42, 62, 69); color:rgb(71, 91, 97);">{{{스킬 세부 정보|}}}</div>
-</div><!--- 최외곽 끝 --->
 </onlyinclude>
 ==틀 설명==