틀:카운터사이드 스킬: 두 판 사이의 차이

2024년 1월 15일 (월) 19:38 기준 최신판

■

레벨업 효과

Lv.2

Lv.3

Lv.4

Lv.5

개요

게임 카운터사이드에 사용되는 스킬 틀입니다.

사용법

{{틀:카운터사이드 스킬
|스킬 분류 = 스킬 종류
|스킬 아이콘 = 스킬 아이콘
|세부 정보1 = 세부 정보1
|세부 정보2 = 세부 정보2
|유효 타격수 = 유효 타격수
|상세 정보 = 상세 정보
|LV2 레벨업 효과 = LV2 레벨업 효과
|LV3 레벨업 효과 = LV3 레벨업 효과
|LV4 레벨업 효과 = LV4 레벨업 효과
|LV5 레벨업 효과 = LV5 레벨업 효과}}

@@ 1번째 줄: / 1번째 줄: @@
 <onlyinclude>
-<div style="display:flex; flex-wrap; width:100%; background-color:rgb(43, 49, 60);">
+<div style="display:flex; flex-wrap:wrap; width:100%; background-color:rgb(43, 49, 60);">
-<div style="display:flex; flex-direction:column; max-width:180px; flex-grow:1; color:white; margin:20px;">
+<div style="display:flex; flex-direction:column; min-width:200px; max-width:200px; flex-grow:1; color:white; margin:20px 0 20px 10px;">
-<div><span style="font-size:10px; color:rgb(118, 122, 129;)">■</span> {{{스킬 종류|}}}
+<div><span style="font-size:10px; color:rgb(118, 122, 129;)">■</span> {{{스킬 분류|}}}
 </div><!--- 스킬 종류 --->
-<div style="display:flex; align-items:center;"><div style="width:100px; height:100px; border:2px solid; border-color:rgb(90,90,90);
+<div style="display:flex; align-items:center;"><div style="min-width:80px; height:80px; border:2px solid; border-image: linear-gradient(45deg, rgba(90,90,90,1) 0%, rgba(155,155,155,1) 100%); border-image-slice:1; margin-right:5px;">{{{스킬 아이콘|}}}</div> <div style="color:white; width:100%;">{{{스킬명|}}}</div>
-background: linear-gradient(45deg, rgba(90,90,90,1) 0%, rgba(155,155,155,1) 100%); border-radius:2px;">{{{스킬 아이콘|}}}</div> <div style="color:white;">{{{스킬 분류|}}}</div>
 </div><!--- 스킬 아이콘 --->
 </div><!--- 좌측 div --->
-<div style="display:flex; flex-direction:column; max-width:400px; flex-grow:1;">
+<div style="display:flex; flex-direction:column; max-width:400px; flex-grow:1; margin:20px 10px;">
-<div style="background-color:black; border-radius:2px; display:inline-flex; justify-content:center; color:white;">{{{추가 정보|}}}</div>
+<div style="display:flex;">
-<div style="color:white;">{{{상세 정보|}}}</div>
+<div><div style="background-color:black; border-radius:8px; display:flex; justify-content:center; align-items:center; width:150px; color:white;
+margin:0 5px;">{{{세부 정보1|}}}</div></div>
+<div><div style="background-color:black; border-radius:8px; display:flex; justify-content:space-evenly; align-items:center; width:100px; color:white; margin:0 5px;">{{{세부 정보2|}}}</div></div>
+</div>
+<div style="color:white; width:100%;">{{{상세 정보|}}}</div>
 </div><!--- 중앙 div --->
-<div style="display:flex; flex-direction:column; align-center; color:white; flex-grow:1;">
+<div style="display:flex; color:white; flex-grow:1; margin:20px 0; width:400px;">
-<div style="padding-bottom:10px;">레벨업 효과</div>
+<div style="display:flex; align-items:center; margin:0 20px;"><hr style="width:2px; height:100%; color:rgb(85, 90, 95);"></div>
-<div style="display:flex; padding-bottom:10px;"><div style="display:flex; justify-content:center; background:white; width:60px; height:20px; color:black; border-radius:2px;">Lv.2</div> {{{LV2 레벨업 효과|}}}</div>
+<div style="display:flex; flex-direction:column; overflow-x: auto;">
-<div style="display:flex; padding-bottom:10px;"><div style="display:flex; justify-content:center; background:white; width:60px; height:20px; color:black; border-radius:2px;">Lv.3</div> {{{LV3 레벨업 효과|}}}</div>
+<div style="padding-bottom:5px;">레벨업 효과</div>
-<div style="display:flex; padding-bottom:10px;"><div style="display:flex; justify-content:center; background:white; width:60px; height:20px; color:black; border-radius:2px;">Lv.4</div> {{{LV4 레벨업 효과|}}}</div>
+<div style="display:flex; padding-bottom:5px;"><div style="display:flex; justify-content:center; background:white; min-width:60px; height:20px; color:black; border-radius:2px; margin-right:5px;">Lv.2</div>{{{LV2 레벨업 효과|}}}</div>
-<div style="display:flex; padding-bottom:10px;"><div style="display:flex; justify-content:center; background:white; width:60px; height:20px; color:black; border-radius:2px;">Lv.5</div> {{{LV5 레벨업 효과|}}}</div>
+<div style="display:flex; padding-bottom:5px;"><div style="display:flex; justify-content:center; background:white; min-width:60px; height:20px; color:black; border-radius:2px; margin-right:5px;">Lv.3</div>{{{LV3 레벨업 효과|}}}</div>
+<div style="display:flex; padding-bottom:5px;"><div style="display:flex; justify-content:center; background:white; min-width:60px; height:20px; color:black; border-radius:2px; margin-right:5px;">Lv.4</div>{{{LV4 레벨업 효과|}}}</div>
+<div style="display:flex; padding-bottom:5px;"><div style="display:flex; justify-content:center; background:white; min-width:60px; height:20px; color:black; border-radius:2px; margin-right:5px;">Lv.5</div>{{{LV5 레벨업 효과|}}}</div>
+</div><!--- 우측의 우측 div --->
 </div><!--- 우측 div --->
 </div><!--- 바깥 div 끝 --->
@@ 28번째 줄: / 34번째 줄: @@
 ==사용법==
 <pre>
-{{{틀:카운터사이드 스킬
+{{틀:카운터사이드 스킬
-|스킬 종류 = 스킬 종류
+|스킬 분류 = 스킬 종류
 |스킬 아이콘 = 스킬 아이콘
-|스킬 분류 = 스킬 분류
+|세부 정보1 = 세부 정보1
-|추가 정보 = 추가 정보
+|세부 정보2 = 세부 정보2
+|유효 타격수 = 유효 타격수
 |상세 정보 = 상세 정보
 |LV2 레벨업 효과 = LV2 레벨업 효과
 |LV3 레벨업 효과 = LV3 레벨업 효과
 |LV4 레벨업 효과 = LV4 레벨업 효과
-|LV5 레벨업 효과 = LV5 레벨업 효과
+|LV5 레벨업 효과 = LV5 레벨업 효과}}
 </pre>