틀:게이지: 두 판 사이의 차이

2018년 3월 1일 (목) 18:28 판

틀 설명문서[보기] [편집] [역사] [새로 고침]

아래 설명 내용은 틀:게이지/설명문서에서 가져와서 보여주고 있습니다. (편집 | 역사)

진행바 또는 게이지를 표시합니다.

사용법

{{진행바|(비율)|(텍스트)|색깔=(게이지 색)|배경=(배경 색)|길이=(게이지 길이)|정렬=(진행바 정렬)|테두리=(테두리 색깔)|글자색=(텍스트 색깔)|글정렬=(텍스트 정렬)|크기=(텍스트 크기)|스타일=(CSS 속성)}}

테이블 안에 이 틀을 사용할 경우 게이지 대신에 게이지/테이블을 사용할 것을 권장합니다.
- 게이지/테이블 사용시 길이, 정렬, 테두리, 두께는 사용 불가능합니다. 해당 틀이 속한 테이블의 속성을 직접 수정해 주세요.
넘겨주기가 되므로 게이지 대신에 진행바를 사용하실 수 있습니다.
- 진행바/테이블역시 사용이 가능합니다.
(비율)은 필수적으로 넣어야 합니다.
(비율)에는 진행도 등의 값을 넣습니다. (% 빼고 숫자만 넣습니다.)
(텍스트)에는 게이지 위에 표시될 텍스트룰 넣습니다. (n%와 같이 진행도를 넣어도 좋습니다.)
색깔에는 완료된 부분(왼쪽)의 게이지 색을, 배경에는 그 밖의 미완료 부분(오른쪽)의 배경색을 넣습니다. 배경색을 입력하지 않을 경우 흰색이 들어갑니다.
반전된 게이지를 만들고 싶으시면 (비율) 부분에 {{#expr:100-(비율)}}을 넣고, 색깔과 배경을 반전해서 넣으면 됩니다.
길이에는 게이지의 가로 길이를, 정렬에는 길이가 짧을때의 게이지의 정렬 위치를 입력합니다. 길이를 입력하지 않을 경우 100%로 설정됩니다.
- 길이를 텍스트에 맞출 경우 길이=맞춤이라고 입력하시면 됩니다.
- 세로 높이를 지정하고 싶으시면 (텍스트) 부분에 <br />을 사용해 글자 크기만큼 조절이 가능합니다.
테두리에는 테두리 색깔을, 두께에는 테두리 두께를 입력하시면 됩니다. 테두리 색깔을 지정하지 않을경우 wikitable 클래스의 서식으로 지정되며, 두께는 무시됩니다.
- 테두리를 보이지 않게 하시려면 테두리=없음이라고 입력하시면 됩니다.
글자색에는 텍스트의 색깔을, 글정렬에는 텍스트가 정렬될 위치를, 크기에는 텍스트의 크기를 설정합니다.
- 기본적으로 비율에 따라 텍스트의 색깔을 자동으로 조정하는 기능은 제공되지 않습니다. 그 대신, (텍스트) 부분에 #ifexpr 함수와 색깔 틀을 응용하실 수 있으며, 텍스트 크기 역시 크기 틀을 이용해 글자별로 조정 가능합니다.
여기에 없는 다른 속성을 지정하고 싶으시면 스타일에 CSS 속성을 입력하실 수 있습니다.

사용예

{{게이지|50|'''50{{색깔|%|black}}'''|색깔=blue|글정렬=가운데|글자색=white}}

50%

{{게이지|25|색깔=white|배경=black|테두리=black|두께=2px}}

{{게이지|36.5|<br />'''36.5'''|색깔=red|글자색=red|글정렬=오른쪽}}

36.5

진행바/테이블 사용예 보기

도보시오

위 설명은 틀:게이지/설명문서의 내용을 가져와 보여주고 있습니다. (편집 | 역사)
이 틀에 대한 수정 연습과 시험은 연습장 (만들기 | 미러)과 시험장 (만들기)에서 할 수 있습니다.
분류는 /설명문서에 넣어주세요. 이 틀에 딸린 문서.

@@ 1번째 줄: / 1번째 줄: @@
-<onlyinclude>{|{{#ifeq:{{{테두리|}}}|없음||class="wikitable"}} {{#ifeq:{{{길이}}}|글자맞춤||width="{{{길이|100%}}}"}} style="{{#switch:{{{정렬}}}|왼쪽=float:left;|가운데=margin:auto;|오른쪽=float:right;}}"
+<onlyinclude>{|{{#if:{{{테두리|}}}||class="wikitable"}} {{#ifeq:{{{길이}}}|글자맞춤||width="{{{길이|100%}}}"}} style="{{#switch:{{{정렬}}}|왼쪽=float:left|가운데=margin:auto|오른쪽=float:right}}"
-|style="background:linear-gradient({{#ifexpr:{{{1}}}>=50|to right, {{{색깔|#000000}}} {{{1}}}%, {{{배경|#FFFFFF}}} {{#expr:100-{{{1}}}}}%|to left, {{{배경|#FFFFFF}}} {{#expr:100-{{{1}}}}}%, {{{색깔|#000000}}} {{{1}}}%}});color:{{{글자색|#000000}}};{{#switch:{{{글정렬}}}|왼쪽=text-align:left;|가운데=text-align:center;|오른쪽=text-align:right;}}{{#if:{{{크기|}}}|font-size:{{{크기}}};}}"|{{{2|}}}
+|style="{{#ifeq:{{{테두리}}}|없음||{{#if:{{{테두리|}}}|border:{{{두께|1px}}} solid {{{테두리}}};}}}}background:linear-gradient({{#ifexpr:{{{1}}}>=50|to right, {{{색깔|#000000}}} {{{1}}}%, {{{배경|#FFFFFF}}} {{#expr:100-{{{1}}}}}%|to left, {{{배경|#FFFFFF}}} {{#expr:100-{{{1}}}}}%, {{{색깔|#000000}}} {{{1}}}%}});color:{{{글자색|#000000}}};{{#switch:{{{글정렬}}}|왼쪽=text-align:left;|가운데=text-align:center;|오른쪽=text-align:right;}}{{#if:{{{크기|}}}|font-size:{{{크기}}};}}"|{{{2|}}}
 |}</onlyinclude>
 {{틀 설명문서}}