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

리버티게임(개발), 모두가 만들어가는 자유로운 게임
둘러보기로 이동 검색으로 이동
백괴게임>Gustmd7410
잔글 (Gustmd7410의 285729판 편집을 되돌림)
백괴게임>Gustmd7410
잔글편집 요약 없음
1번째 줄: 1번째 줄:
<onlyinclude>{|{{#if:{{{테두리|}}}||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="{{#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|}}}
|style="{{#ifeq:{{{테두리}}}|없음||{{#if:{{{테두리|}}}|border:{{{두께|1px}}} solid {{{테두리}}};}}}}background:linear-gradient({{#ifexpr:{{{1}}}>=50|to right, {{{색깔|{{웹안전색}}}}} {{{1}}}%, {{{배경|#FFFFFF}}} {{#expr:100-{{{1}}}}}%|to left, {{{배경|#FFFFFF}}} {{#expr:100-{{{1}}}}}%, {{{색깔|{{웹안전색}}}}} {{{1}}}%}});color:{{{글자색|#000000}}};{{#switch:{{{글정렬}}}|왼쪽=text-align:left;|가운데=text-align:center;|오른쪽=text-align:right;}}{{#if:{{{크기|}}}|font-size:{{{크기}}};}}"|{{{2|}}}
|}</onlyinclude>
|}</onlyinclude>
{{틀 설명문서}}
{{틀 설명문서}}

2018년 3월 10일 (토) 23:07 판


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

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

사용법

{{진행바|(비율)|(텍스트)|색깔=(게이지 색)|배경=(배경 색)|길이=(게이지 길이)|정렬=(진행바 정렬)|테두리=(테두리 색깔)|글자색=(텍스트 색깔)|글정렬=(텍스트 정렬)|크기=(텍스트 크기)|스타일=(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

도보시오