틀:도타 2 영웅 정보창: 두 판 사이의 차이

2023년 12월 15일 (금) 14:58 기준 최신판

'

캐리

무력화

도주기

지원

압박

누커

생존력

전투개시자

공격

방어

이동성

틀 설명

도타 2의 영웅을 분류한 표입니다.

사용법

{{틀:도타 2 영웅 정보창
|영웅 이름 = 영웅 이름
|영문명 = 영문명
|영웅 분류 = 영웅 분류
|영웅 프로필 사진 = [[영웅 프로필 사진.png]]
|체력 = 체력
|마나 = 마나
|힘 = 힘
|민첩 = 민첩
|지능 = 지능
|캐리 길이 = 60px
|무력화 길이 = 60px
|도주기 길이 = 60px
|지원 길이 = 60px
|정글러 길이 = 60px
|압박 길이 = 60px
|누커 길이 = 60px
|생존력 길이 = 60px
|전투개시자 길이 = 60px
|공격력 = 공격력
|공속 = 공속
|사거리 = 사거리
|투사체 속도 = 투사체 속도
|방어력 = 방어력
|마법 저항력 = 마법 저항력
|속도 = 속도
|회전 속도 = 회전 속도
|시야 = 시야
|영웅 모델링 = [[파일:도타 2 영웅 전신.png|x500px]]
}}

@@ 1번째 줄: / 1번째 줄: @@
 <onlyinclude>
-<div style="position:relative; display:flex; flex-wrap:wrap-reverse; overflow:hidden; width:100%; height:500px;">
+<div style="display:flex; flex-wrap:wrap-reverse; overflow:hidden; min-height:550px; width:95%; background: rgb(0,0,0); background: linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(190,190,190,1) 100%); border:solid;">
-<!--- 뒷배경 --->
-<div style="position:absolute; top:0; left:0; width:100%; z-index:-1">[[파일:도타 2 안개.jpg]]
-</div>
 <!--- 영웅 정보창 --->
-<div style="wrap-grow:1; display:flex; flex-direction:column; padding:10px;">
+<div style="flex-grow:1; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:0 0 0 20px;">
 <!--- 영웅 이름 --->
-<div style="color:white; font-size:24px;">'''{{{영웅 이름|}}}'''
+<div style="color:white; font-size:36px;">'''{{{영웅 이름|}}}''' <span style="font-size:12px;">{{{영문명|}}}</span>
 </div>
 <!--- 영웅 이름 끝 --->
 <!--- 영웅 분류 --->
-<div style="color:white;">{{{영웅 분류|}}}
+<div style="color:white; font-size:18px;">{{{영웅 분류|}}}
 </div>
 <!--- 영웅 분류 끝 --->
+<!--- 영웅 정보 --->
+<div style="display:flex;">
+<div style="display:flex; flex-direction:column; margin-right:20px;">
+<div style="margin:0; padding:0; width:128px; height:72px;">{{{영웅 프로필 사진|}}}</div>
+<div style="display: flex; justify-content:center; margin:0; padding:0; width:128px; background: linear-gradient(to right, #286323, #7AF03C); color:white;>{{{체력|}}}</div>
+<div style="display: flex; justify-content:center; margin:0; padding:0; width:128px; background: linear-gradient(to right, #1056DB, #73F5FE); color:white;>{{{마나|}}}</div>
+</div>
+<div style="display:flex; flex-direction:column; color:white; justify-content:center; align-items:center;">
+<div>[[파일:도타 2 힘.png|36px]]  {{{힘|}}}</div>
+<div>[[파일:도타 2 민첩.png|36px]]  {{{민첩|}}}</div>
+<div>[[파일:도타 2 지능.png|36px]]  {{{지능|}}}</div>
+</div>
+</div>
+<!--- 영웅 정보 끝 --->
+<!--- 영웅 역할 --->
+<div style="display:flex;">
+<div style="display:flex; flex-direction:column; width:90px; margin:5px;">
+<!--- 캐리 --->
+<div style="margin:0; padding:0; color:white; font-size:10px;">[[파일:도타 2 캐리.png|x15px]]'''캐리'''</div>
+<div style="width:100%; height:8px; position:relative; margin:5px 0;">
+<div style="width:90px; height:100%; background-color: #4c4c4c; position:absolute; left: 0; top: 0;"></div>
+<div style="width:{{{캐리 길이|}}}; height:100%; background-color: #fff; box-shadow: 0px 0px 10px #427ed1, 0px 0px 10px #427ed1; position: absolute; left: 0; top: 0;"></div>
+</div>
+<!--- 캐리 --->
+<!--- 무력화 --->
+<div style="margin:0; padding:0; color:white; font-size:10px;">[[파일:도타 2 무력화.png|x15px]]'''무력화'''</div>
+<div style="width:100%; height:8px; position:relative; margin:5px 0;">
+<div style="width:90px; height:100%; background-color: #4c4c4c; position:absolute; left: 0; top: 0;"></div>
+<div style="width:{{{무력화 길이|}}}; height:100%; background-color: #fff; box-shadow: 0px 0px 10px #427ed1, 0px 0px 10px #427ed1; position: absolute; left: 0; top: 0;"></div>
+</div>
+<!--- 무력화 --->
+<!--- 도주기 --->
+<div style="margin:0; padding:0; color:white; font-size:10px;">[[파일:도타 2 도주기.png|x15px]]'''도주기'''</div>
+<div style="width:100%; height:8px; position:relative; margin:5px 0;">
+<div style="width:90px; height:100%; background-color: #4c4c4c; position:absolute; left: 0; top: 0;"></div>
+<div style="width:{{{도주기 길이|}}}; height:100%; background-color: #fff; box-shadow: 0px 0px 10px #427ed1, 0px 0px 10px #427ed1; position: absolute; left: 0; top: 0;"></div>
+</div>
+<!--- 도주기 --->
+</div>
+<!--- 두 번째 역할창 -->
+<div style="display:flex; flex-direction:column; color:white; width:90px; margin:5px;">
+<!--- 지원 --->
+<div style="margin:0; padding:0; color:white; font-size:10px;">[[파일:도타 2 지원.png|x15px]]'''지원'''</div>
+<div style="width:100%; height:8px; position:relative; margin:5px 0;">
+<div style="width:90px; height:100%; background-color: #4c4c4c; position:absolute; left: 0; top: 0;"></div>
+<div style="width:{{{지원 길이|}}}; height:100%; background-color: #fff; box-shadow: 0px 0px 10px #427ed1, 0px 0px 10px #427ed1; position: absolute; left: 0; top: 0;"></div>
+</div>
+<!--- 지원 끝--->
+<!--- 압박 --->
+<div style="margin:0; padding:0; color:white; font-size:10px;">[[파일:도타 2 압박.png|x15px]]'''압박'''</div>
+<div style="width:100%; height:8px; position:relative; margin:5px 0;">
+<div style="width:90px; height:100%; background-color: #4c4c4c; position:absolute; left: 0; top: 0;"></div>
+<div style="width:{{{압박 길이|}}}; height:100%; background-color: #fff; box-shadow: 0px 0px 10px #427ed1, 0px 0px 10px #427ed1; position: absolute; left: 0; top: 0;"></div>
+</div>
+<!--- 압박 끝--->
+</div>
+<!--- 두 번째 역할창 끝 --->
+<!--- 세 번째 역할창 -->
+<div style="display:flex; flex-direction:column; color:white; width:90px; margin:5px;">
+<!--- 누커 --->
+<div style="margin:0; padding:0; color:white; font-size:10px;">[[파일:도타 2 누커.png|x15px]]'''누커'''</div>
+<div style="width:100%; height:8px; position:relative; margin:5px 0;">
+<div style="width:90px; height:100%; background-color: #4c4c4c; position:absolute; left: 0; top: 0;"></div>
+<div style="width:{{{누커 길이|}}}; height:100%; background-color: #fff; box-shadow: 0px 0px 10px #427ed1, 0px 0px 10px #427ed1; position: absolute; left: 0; top: 0;"></div>
+</div>
+<!--- 누커 끝--->
+<!--- 생존력 --->
+<div style="margin:0; padding:0; color:white; font-size:10px;">[[파일:도타 2 생존력.png|x15px]]'''생존력'''</div>
+<div style="width:100%; height:8px; position:relative; margin:5px 0;">
+<div style="width:90px; height:100%; background-color: #4c4c4c; position:absolute; left: 0; top: 0;"></div>
+<div style="width:{{{생존력 길이|}}}; height:100%; background-color: #fff; box-shadow: 0px 0px 10px #427ed1, 0px 0px 10px #427ed1; position: absolute; left: 0; top: 0;"></div>
+</div>
+<!--- 생존력 끝--->
+<!--- 전투개시자 --->
+<div style="margin:0; padding:0; color:white; font-size:10px;">[[파일:도타 2 전투개시자.png|x15px]]'''전투개시자'''</div>
+<div style="width:100%; height:8px; position:relative; margin:5px 0;">
+<div style="width:90px; height:100%; background-color: #4c4c4c; position:absolute; left: 0; top: 0;"></div>
+<div style="width:{{{전투개시자 길이|}}}; height:100%; background-color: #fff; box-shadow: 0px 0px 10px #427ed1, 0px 0px 10px #427ed1; position: absolute; left: 0; top: 0;"></div>
+</div>
+<!--- 전투개시자 끝--->
+</div>
+<!--- 세 번째 역할창 끝 --->
+</div>
+<!--- 영웅 능력치창 --->
+<div style="display:flex;">
+<!--- 능력치 정보1 --->
+<div style="display:flex; flex-direction:column; margin:0 20px;">
+<div align="center" style="margin:0; padding:10px 0; color:white;">'''공격'''</div>
+<div style="margin:0; padding:0; color:white;">[[파일:도타 2 공격력.png|20px]] {{{공격력|}}}</div>
+<div style="margin:0; padding:0; color:white;">[[파일:도타 2 공격 시간.png|20px]] {{{공속|}}}</div>
+<div style="margin:0; padding:0; color:white;">[[파일:도타 2 사거리.png|20px]] {{{사거리|}}}</div>
+<div style="margin:0; padding:0; color:white;">[[파일:도타 2 투사체 속도.png|20px]] {{{투사체 속도|}}}</div>
+</div>
+<!--- 능력치 정보1 끝 --->
+<!--- 능력치 정보2 --->
+<div style="display:flex; flex-direction:column; margin:0 20px;">
+<div align="center" style="margin:0; padding:10px 0; color:white;">'''방어'''</div>
+<div style="margin:0; padding:0; color:white;">[[파일:도타 2 방어력.png|20px]] {{{방어력|}}}</div>
+<div style="margin:0; padding:0; color:white;">[[파일:도타 2 마법 저항력.png|20px]] {{{마법 저항력|}}}</div>
+</div>
+<!--- 능력치 정보2 끝 --->
+<!--- 능력치 정보2 --->
+<div style="display:flex; flex-direction:column; margin:0 20px;">
+<div align="center" style="margin:0; padding:10px 0; color:white;">'''이동성'''</div>
+<div style="margin:0; padding:0; color:white;">[[파일:도타 2 속도.png|20px]] {{{속도|}}}</div>
+<div style="margin:0; padding:0; color:white;">[[파일:도타 2 회전 속도.png|20px]] {{{회전 속도|}}}</div>
+<div style="margin:0; padding:0; color:white;">[[파일:도타 2 시야.png|20px]] {{{시야|}}}</div>
+</div>
+<!--- 능력치 정보2 끝 --->
+</div>
+<!--- 영웅 능력치창 끝 --->
 </div>
-<!--- 영웅 그림창 --->
+<!--- 영웅 역할 끝 --->
-<div style="wrap-grow1;">
+<div style="display:flex; justify-content:center; align-items:center; flex-grow:1; min-width:250px; height:500px; overflow:hidden;">
+<div style="">{{{영웅 모델링|}}}</div>
 </div>
 <!--- 끝 --->
@@ 27번째 줄: / 136번째 줄: @@
 {{틀:도타 2 영웅 정보창
 |영웅 이름 = 영웅 이름
+|영문명 = 영문명
 |영웅 분류 = 영웅 분류
+|영웅 프로필 사진 = [[영웅 프로필 사진.png]]
+|체력 = 체력
+|마나 = 마나
+|힘 = 힘
+|민첩 = 민첩
+|지능 = 지능
+|캐리 길이 = 60px
+|무력화 길이 = 60px
+|도주기 길이 = 60px
+|지원 길이 = 60px
+|정글러 길이 = 60px
+|압박 길이 = 60px
+|누커 길이 = 60px
+|생존력 길이 = 60px
+|전투개시자 길이 = 60px
+|공격력 = 공격력
+|공속 = 공속
+|사거리 = 사거리
+|투사체 속도 = 투사체 속도
+|방어력 = 방어력
+|마법 저항력 = 마법 저항력
+|속도 = 속도
+|회전 속도 = 회전 속도
+|시야 = 시야
+|영웅 모델링 = [[파일:도타 2 영웅 전신.png|x500px]]
 }}
 </pre>
 [[분류:틀]]