틀:둘러보기: 두 판 사이의 차이

리버티게임(개발), 모두가 만들어가는 자유로운 게임
둘러보기로 이동 검색으로 이동
잔글편집 요약 없음
잔글편집 요약 없음
 
(같은 사용자의 중간 판 26개는 보이지 않습니다)
1번째 줄: 1번째 줄:
* [[../|상위 문서에서 테스트 중]]
기존 둘러보기 틀의 설명문이 상당히 부족하며 내부 구현은 심하게 방대하여 결국 소스를 보고 따라할 수 밖에 없으므로, 완전히 새로운 디자인으로 제작
<onlyinclude>
<onlyinclude>
<div style="border:3px solid green;position:relative;z-index:0;width:100%;background-color:{{{색상|#a0f0a0}}};">
<div style="border:3px solid green;position:relative;z-index:0;width:{{{너비|100%}}};background-color:{{{색상|#a0f0a0}}};">
<span style="padding:0 2px;white-space:nowrap;position:relative;width:15%;float:left;z-index:2;">[[{{{이름공간|틀}}}:{{{1|}}}|보기]]·[[{{{이름공간|틀}}}토론:{{{1|}}}|토론]]·[{{fullurl:{{{이름공간|틀}}}:{{{1|}}}}} 편집]</span><span style="color:{{{글자색|#408e40}}};position:relative;z-index:1;text-align:center;left:30%;transform:translate(-50%, -50%);">[[{{{틀이름}}}|{{{제목}}}]]</span>
<span style="padding:0 2px;white-space:nowrap;position:relative;width:15%;float:left;z-index:2;">[[{{{이름공간|틀}}}:{{{1|{{{틀이름|둘러보기}}}}}}|보기]]·[[{{{이름공간|틀}}}토론:{{{1|{{{틀이름|둘러보기}}}}}}|토론]]·[{{fullurl:{{{이름공간|틀}}}:{{{1|{{{틀이름|둘러보기}}}}}}}} 편집]</span><span style="color:{{{글자색|#408e40}}};position:relative;z-index:1;text-align:center;left:30%;transform:translate(-50%, -50%);">'''{{{제목|둘러보기 틀}}}'''</span>
<div style="background-color:#ffffff;">
<table style="background-color:#ffffff;width:100%;">
{{#if: {{{내용|}}}|{{{내용}}}|
{{#if: {{{내용|}}}|{{{내용}}}|
<div>{{#if: {{{제목1|Type 1}}}|<span style="position:relative;display:inline-block;width:10%;vertical-align:center;text-align:center;background-color:#00A500;color:white;padding:4px;margin:auto;">{{{제목1|Type 1}}}</span>|}}{{#if: {{{내용1|Content1}}}|<span style="position:relative;overflow-wrap:break-word;display:inline-block;padding:4px;">{{{내용1|Content1}}}</span>|}}</div>
<tr>{{#if: {{{제목1|{{{묶음1|}}}}}}|<td style="position:relative;vertical-align:center;width:10%;text-align:center;background-color:#00A500;color:white;">{{{제목1|{{{묶음1|}}}}}}</td>|}}{{#if: {{{내용1|}}}|<td style="position:relative;padding:4px;">{{{내용1|}}}</td>|}}</tr>
<div>{{#if: {{{제목2|Type 2}}}|<span style="position:relative;display:inline-block;width:10%;vertical-align:center;text-align:center;background-color:#00A500;color:white;padding:4px;margin:auto;">{{{제목2|Type 2}}}</span>|}}{{#if: {{{내용2|Content2}}}|<span style="position:relative;overflow-wrap:break-word;display:inline-block;padding:4px;">{{{내용2|Content2}}}</span>|}}</div>
<tr>{{#if: {{{제목2|{{{묶음2|}}}}}}|<td style="position:relative;vertical-align:center;width:10%;text-align:center;background-color:#00A500;color:white;">{{{제목2|{{{묶음2|}}}}}}</td>|}}{{#if: {{{내용2|}}}|<td style="position:relative;padding:4px;">{{{내용2|}}}</td>|}}</tr>
<div>{{#if: {{{제목3|}}}|<span style="position:relative;display:inline-block;width:10%;vertical-align:center;text-align:center;background-color:#00A500;color:white;padding:4px;margin:auto;">{{{제목3|}}}</span>|}}{{#if: {{{내용3|}}}|<span style="position:relative;overflow-wrap:break-word;display:inline-block;padding:4px;">{{{내용3|}}}</span>|}}</div>
<tr>{{#if: {{{제목3|{{{묶음3|}}}}}}|<td style="position:relative;vertical-align:center;width:10%;text-align:center;background-color:#00A500;color:white;">{{{제목3|{{{묶음3|}}}}}}</td>|}}{{#if: {{{내용3|}}}|<td style="position:relative;padding:4px;">{{{내용3|}}}</td>|}}</tr>
<div>{{#if: {{{제목4|}}}|<span style="position:relative;display:inline-block;width:10%;vertical-align:center;text-align:center;background-color:#00A500;color:white;padding:4px;margin:auto;">{{{제목4|}}}</span>|}}{{#if: {{{내용4|}}}|<span style="position:relative;overflow-wrap:break-word;display:inline-block;padding:4px;">{{{내용4|}}}</span>|}}</div>
<tr>{{#if: {{{제목4|{{{묶음4|}}}}}}|<td style="position:relative;vertical-align:center;width:10%;text-align:center;background-color:#00A500;color:white;">{{{제목4|{{{묶음4|}}}}}}</td>|}}{{#if: {{{내용4|}}}|<td style="position:relative;padding:4px;">{{{내용4|}}}</td>|}}</tr>
<div>{{#if: {{{제목5|}}}|<span style="position:relative;display:inline-block;width:10%;vertical-align:center;text-align:center;background-color:#00A500;color:white;padding:4px;margin:auto;">{{{제목5|}}}</span>|}}{{#if: {{{내용5|}}}|<span style="position:relative;overflow-wrap:break-word;display:inline-block;padding:4px;">{{{내용5|}}}</span>|}}</div>
<tr>{{#if: {{{제목5|{{{묶음5|}}}}}}|<td style="position:relative;vertical-align:center;width:10%;text-align:center;background-color:#00A500;color:white;">{{{제목5|{{{묶음5|}}}}}}</td>|}}{{#if: {{{내용5|}}}|<td style="position:relative;padding:4px;">{{{내용5|}}}</td>|}}</tr>
<div>{{#if: {{{제목6|}}}|<span style="position:relative;display:inline-block;width:10%;vertical-align:center;text-align:center;background-color:#00A500;color:white;padding:4px;margin:auto;">{{{제목6|}}}</span>|}}{{#if: {{{내용6|}}}|<span style="position:relative;overflow-wrap:break-word;display:inline-block;padding:4px;">{{{내용6|}}}</span>|}}</div>
<tr>{{#if: {{{제목6|{{{묶음6|}}}}}}|<td style="position:relative;vertical-align:center;width:10%;text-align:center;background-color:#00A500;color:white;">{{{제목6|{{{묶음6|}}}}}}</td>|}}{{#if: {{{내용6|}}}|<td style="position:relative;padding:4px;">{{{내용6|}}}</td>|}}</tr>
<div>{{#if: {{{제목7|}}}|<span style="position:relative;display:inline-block;width:10%;vertical-align:center;text-align:center;background-color:#00A500;color:white;padding:4px;margin:auto;">{{{제목7|}}}</span>|}}{{#if: {{{내용7|}}}|<span style="position:relative;overflow-wrap:break-word;display:inline-block;padding:4px;">{{{내용7|}}}</span>|}}</div>
<tr>{{#if: {{{제목7|{{{묶음7|}}}}}}|<td style="position:relative;vertical-align:center;width:10%;text-align:center;background-color:#00A500;color:white;">{{{제목7|{{{묶음7|}}}}}}</td>|}}{{#if: {{{내용7|}}}|<td style="position:relative;padding:4px;">{{{내용7|}}}</td>|}}</tr>
<div>{{#if: {{{제목8|}}}|<span style="position:relative;display:inline-block;width:10%;vertical-align:center;text-align:center;background-color:#00A500;color:white;padding:4px;margin:auto;">{{{제목8|}}}</span>|}}{{#if: {{{내용8|}}}|<span style="position:relative;overflow-wrap:break-word;display:inline-block;padding:4px;">{{{내용8|}}}</span>|}}</div>
<tr>{{#if: {{{제목8|{{{묶음8|}}}}}}|<td style="position:relative;vertical-align:center;width:10%;text-align:center;background-color:#00A500;color:white;">{{{제목8|{{{묶음8|}}}}}}</td>|}}{{#if: {{{내용8|}}}|<td style="position:relative;padding:4px;">{{{내용8|}}}</td>|}}</tr>
<div>{{#if: {{{제목9|}}}|<span style="position:relative;display:inline-block;width:10%;vertical-align:center;text-align:center;background-color:#00A500;color:white;padding:4px;margin:auto;">{{{제목9|}}}</span>|}}{{#if: {{{내용9|}}}|<span style="position:relative;overflow-wrap:break-word;display:inline-block;padding:4px;">{{{내용9|}}}</span>|}}</div>
<tr>{{#if: {{{제목9|{{{묶음9|}}}}}}|<td style="position:relative;vertical-align:center;width:10%;text-align:center;background-color:#00A500;color:white;">{{{제목9|{{{묶음9|}}}}}}</td>|}}{{#if: {{{내용9|}}}|<td style="position:relative;padding:4px;">{{{내용9|}}}</td>|}}</tr>
<div>{{#if: {{{제목10|}}}|<span style="position:relative;display:inline-block;width:10%;vertical-align:center;text-align:center;background-color:#00A500;color:white;padding:4px;margin:auto;">{{{제목10|}}}</span>|}}{{#if: {{{내용10|}}}|<span style="position:relative;overflow-wrap:break-word;display:inline-block;padding:4px;">{{{내용10|}}}</span>|}}</div>
<tr>{{#if: {{{제목10|{{{묶음10|}}}}}}|<td style="position:relative;vertical-align:center;width:10%;text-align:center;background-color:#00A500;color:white;">{{{제목10|{{{묶음10|}}}}}}</td>|}}{{#if: {{{내용10|}}}|<td style="position:relative;padding:4px;">{{{내용10|}}}</td>|}}</tr>
<div>{{#if: {{{제목11|}}}|<span style="position:relative;display:inline-block;width:10%;vertical-align:center;text-align:center;background-color:#00A500;color:white;padding:4px;margin:auto;">{{{제목11|}}}</span>|}}{{#if: {{{내용11|}}}|<span style="position:relative;overflow-wrap:break-word;display:inline-block;padding:4px;">{{{내용11|}}}</span>|}}</div>
<tr>{{#if: {{{제목11|{{{묶음11|}}}}}}|<td style="position:relative;vertical-align:center;width:10%;text-align:center;background-color:#00A500;color:white;">{{{제목11|{{{묶음11|}}}}}}</td>|}}{{#if: {{{내용11|}}}|<td style="position:relative;padding:4px;">{{{내용11|}}}</td>|}}</tr>
<div>{{#if: {{{제목12|}}}|<span style="position:relative;display:inline-block;width:10%;vertical-align:center;text-align:center;background-color:#00A500;color:white;padding:4px;margin:auto;">{{{제목12|}}}</span>|}}{{#if: {{{내용12|}}}|<span style="position:relative;overflow-wrap:break-word;idisplay:inline-block;padding:4px;">{{{내용12|}}}</span>|}}</div>
<tr>{{#if: {{{제목12|{{{묶음12|}}}}}}|<td style="position:relative;vertical-align:center;width:10%;text-align:center;background-color:#00A500;color:white;">{{{제목12|{{{묶음12|}}}}}}</td>|}}{{#if: {{{내용12|}}}|<td style="position:relative;padding:4px;">{{{내용12|}}}</td>|}}</tr>
<div>{{#if: {{{제목13|}}}|<span style="position:relative;display:inline-block;width:10%;vertical-align:center;text-align:center;background-color:#00A500;color:white;padding:4px;margin:auto;">{{{제목13|}}}</span>|}}{{#if: {{{내용13|}}}|<span style="position:relative;overflow-wrap:break-word;display:inline-block;padding:4px;">{{{내용13|}}}</span>|}}</div>
<tr>{{#if: {{{제목13|{{{묶음13|}}}}}}|<td style="position:relative;vertical-align:center;width:10%;text-align:center;background-color:#00A500;color:white;">{{{제목13|{{{묶음13|}}}}}}</td>|}}{{#if: {{{내용13|}}}|<td style="position:relative;padding:4px;">{{{내용13|}}}</td>|}}</tr>
<div>{{#if: {{{제목14|}}}|<span style="position:relative;display:inline-block;width:10%;vertical-align:center;text-align:center;background-color:#00A500;color:white;padding:4px;margin:auto;">{{{제목14|}}}</span>|}}{{#if: {{{내용14|}}}|<span style="position:relative;overflow-wrap:break-word;display:inline-block;padding:4px;">{{{내용14|}}}</span>|}}</div>
<tr>{{#if: {{{제목14|{{{묶음14|}}}}}}|<td style="position:relative;vertical-align:center;width:10%;text-align:center;background-color:#00A500;color:white;">{{{제목14|{{{묶음14|}}}}}}</td>|}}{{#if: {{{내용14|}}}|<td style="position:relative;padding:4px;">{{{내용14|}}}</td>|}}</tr>
<div>{{#if: {{{제목15|}}}|<span style="position:relative;display:inline-block;width:10%;vertical-align:center;text-align:center;background-color:#00A500;color:white;padding:4px;margin:auto;">{{{제목15|}}}</span>|}}{{#if: {{{내용15|}}}|<span style="position:relative;overflow-wrap:break-word;display:inline-block;padding:4px;">{{{내용15|}}}</span>|}}</div>
<tr>{{#if: {{{제목15|{{{묶음15|}}}}}}|<td style="position:relative;vertical-align:center;width:10%;text-align:center;background-color:#00A500;color:white;">{{{제목15|{{{묶음15|}}}}}}</td>|}}{{#if: {{{내용15|}}}|<td style="position:relative;padding:4px;">{{{내용15|}}}</td>|}}</tr>
<div>{{#if: {{{제목16|}}}|<span style="position:relative;display:inline-block;width:10%;vertical-align:center;text-align:center;background-color:#00A500;color:white;padding:4px;margin:auto;">{{{제목16|}}}</span>|}}{{#if: {{{내용16|}}}|<span style="position:relative;overflow-wrap:break-word;display:inline-block;padding:4px;">{{{내용16|}}}</span>|}}</div>
<tr>{{#if: {{{제목16|{{{묶음16|}}}}}}|<td style="position:relative;vertical-align:center;width:10%;text-align:center;background-color:#00A500;color:white;">{{{제목16|{{{묶음16|}}}}}}</td>|}}{{#if: {{{내용16|}}}|<td style="position:relative;padding:4px;">{{{내용16|}}}</td>|}}</tr>
<div>{{#if: {{{제목17|}}}|<span style="position:relative;display:inline-block;width:10%;vertical-align:center;text-align:center;background-color:#00A500;color:white;padding:4px;margin:auto;">{{{제목17|}}}</span>|}}{{#if: {{{내용17|}}}|<span style="position:relative;overflow-wrap:break-word;display:inline-block;padding:4px;">{{{내용17|}}}</span>|}}</div>
<tr>{{#if: {{{제목17|{{{묶음17|}}}}}}|<td style="position:relative;vertical-align:center;width:10%;text-align:center;background-color:#00A500;color:white;">{{{제목17|{{{묶음17|}}}}}}</td>|}}{{#if: {{{내용17|}}}|<td style="position:relative;padding:4px;">{{{내용17|}}}</td>|}}</tr>
<div>{{#if: {{{제목18|}}}|<span style="position:relative;display:inline-block;width:10%;vertical-align:center;text-align:center;background-color:#00A500;color:white;padding:4px;margin:auto;">{{{제목18|}}}</span>|}}{{#if: {{{내용18|}}}|<span style="position:relative;overflow-wrap:break-word;display:inline-block;padding:4px;">{{{내용18|}}}</span>|}}</div>
<tr>{{#if: {{{제목18|{{{묶음18|}}}}}}|<td style="position:relative;vertical-align:center;width:10%;text-align:center;background-color:#00A500;color:white;">{{{제목18|{{{묶음18|}}}}}}</td>|}}{{#if: {{{내용18|}}}|<td style="position:relative;padding:4px;">{{{내용18|}}}</td>|}}</tr>
<div>{{#if: {{{제목19|}}}|<span style="position:relative;display:inline-block;width:10%;vertical-align:center;text-align:center;background-color:#00A500;color:white;padding:4px;margin:auto;">{{{제목19|}}}</span>|}}{{#if: {{{내용19|}}}|<span style="position:relative;overflow-wrap:break-word;display:inline-block;padding:4px;">{{{내용19|}}}</span>|}}</div>
<tr>{{#if: {{{제목19|{{{묶음19|}}}}}}|<td style="position:relative;vertical-align:center;width:10%;text-align:center;background-color:#00A500;color:white;">{{{제목19|{{{묶음19|}}}}}}</td>|}}{{#if: {{{내용19|}}}|<td style="position:relative;padding:4px;">{{{내용19|}}}</td>|}}</tr>
<div>{{#if: {{{제목20|}}}|<span style="position:relative;display:inline-block;width:10%;vertical-align:center;text-align:center;background-color:#00A500;color:white;padding:4px;margin:auto;">{{{제목20|}}}</span>|}}{{#if: {{{내용20|}}}|<span style="position:relative;overflow-wrap:break-word;display:inline-block;padding:4px;">{{{내용20|}}}</span>|}}</div>
<tr>{{#if: {{{제목20|{{{묶음20|}}}}}}|<td style="position:relative;vertical-align:center;width:10%;text-align:center;background-color:#00A500;color:white;">{{{제목20|{{{묶음20|}}}}}}</td>|}}{{#if: {{{내용20|}}}|<td style="position:relative;padding:4px;">{{{내용20|}}}</td>|}}</tr>
}}
}}
</table>
{{#if: {{{아랫글|}}}|<center><span style="vertical-align:center;width:100%;text-align:center;background-color:#C0FDC0;">{{{아랫글|}}}</span></center>|}}
</div>
</div>
</div>
{{{분류|[[분류:둘러보기 틀]]}}}
{{{분류|}}}
</onlyinclude>
</onlyinclude>


== 파라미터 구현 ==
== 설명 및 파라미터 ==
=== 기본 예제 ===
{{복붙|<nowiki>
{{둘러보기
| 틀이름 = {{subst:PAGENAME}}
| 이름공간 = {{subst:NAMESPACE}}
| 색상 =
| 제목 =
| 내용 =
| 분류 = [[분류: ... |{{PAGENAME}}]]
| 너비 =
}}</nowiki>}}
=== ''주요 속성'' ===
; 이름 : (or "틀이름") 틀의 이름입니다. "보기 ·토론 · 편집"이 적절하게 해당 틀에 달리기 위해서 필요합니다. 구체적으로 지정하지 않고 자동으로 달리게 하려면 <code><nowiki>{{subst:PAGENAME}}</nowiki></code>를 사용하면 됩니다.
; 이름공간 : 틀이 속한 이름공간입니다. "보기 ·토론 · 편집"이 적절하게 해당 틀에 달리기 위해서 필요합니다. 구체적으로 지정하지 않고 자동으로 달리게 하려면 <code><nowiki>{{subst:NAMESPACE}}</nowiki></code>를 사용하면 됩니다.
; 제목 : 틀 상단의 긴 상자에 나올 글입니다. 틀의 주제를 나타냅니다.
; 내용 : 이어져서 틀에 속할 내용입니다. 여러 내용을 나열할 때 · (가운뎃점)을 사용하여 구분해야 합니다.
 
=== ''선택적 속성'' ===
; 너비 : (혹은 "넓이") 상자의 폭을 지정합니다. 기본 속성은 100% 입니다.
; 색상 : 상단의 막대의 배경 색상입니다.
; 분류 : 틀이 달린 문서들이 속할 분류입니다. 틀 문서가 분류에 표시되면 어색하므로, <code><nowiki>&lt;includeonly&gt;</nowiki></code> ...... <code><nowiki>&lt;/includeonly&gt;</nowiki></code>로 분류 지정하는 코드를 감싸주는 것이 좋습니다.
 
<!-- 이 줄 아래부터 추가로 분류를 작성하십시오. -->
[[분류:둘러보기 틀| ]]
 
<!-- 이 줄 아래부터 인터위키를 작성하십시오. -->
 
== 파라미터 개발 진행 상황 ==
* 첫번째 파라미터(틀 이름) : O
* 첫번째 파라미터(틀 이름) : O
* 이름공간 : O
* 이름공간 : O
* 색상 : O
* 색상 : O
* 제목 : O
* 제목 : O
* 제목n : O(n은 1~20까지)
* 제목n : O
** 묶음n: 제목n이 없을 때에만 보임
** n은 1~20까지의 자연수 숫자
* 내용n : O(n은 1~20까지)
* 내용n : O(n은 1~20까지)
* 분류 : O
* 분류 : O
* 너비 : O
* 너비 : O
* 아랫글: O
[[보존:둘러보기/레거시|이전 둘러보기 틀]]에 있었던 그 외의 파라미터는 아직 미구현 상태입니다.

2024년 3월 19일 (화) 18:33 기준 최신판

보기·토론·편집둘러보기 틀


설명 및 파라미터

기본 예제

{{둘러보기
| 틀이름 = {{subst:PAGENAME}}
| 이름공간 = {{subst:NAMESPACE}}
| 색상 =
| 제목 = 
| 내용 = 
| 분류 = [[분류: ... |{{PAGENAME}}]]
| 너비 =
}}

주요 속성

이름
(or "틀이름") 틀의 이름입니다. "보기 ·토론 · 편집"이 적절하게 해당 틀에 달리기 위해서 필요합니다. 구체적으로 지정하지 않고 자동으로 달리게 하려면 {{subst:PAGENAME}}를 사용하면 됩니다.
이름공간
틀이 속한 이름공간입니다. "보기 ·토론 · 편집"이 적절하게 해당 틀에 달리기 위해서 필요합니다. 구체적으로 지정하지 않고 자동으로 달리게 하려면 {{subst:NAMESPACE}}를 사용하면 됩니다.
제목
틀 상단의 긴 상자에 나올 글입니다. 틀의 주제를 나타냅니다.
내용
이어져서 틀에 속할 내용입니다. 여러 내용을 나열할 때 · (가운뎃점)을 사용하여 구분해야 합니다.

선택적 속성

너비
(혹은 "넓이") 상자의 폭을 지정합니다. 기본 속성은 100% 입니다.
색상
상단의 막대의 배경 색상입니다.
분류
틀이 달린 문서들이 속할 분류입니다. 틀 문서가 분류에 표시되면 어색하므로, <includeonly> ...... </includeonly>로 분류 지정하는 코드를 감싸주는 것이 좋습니다.


파라미터 개발 진행 상황

  • 첫번째 파라미터(틀 이름) : O
  • 이름공간 : O
  • 색상 : O
  • 제목 : O
  • 제목n : O
    • 묶음n: 제목n이 없을 때에만 보임
    • n은 1~20까지의 자연수 숫자
  • 내용n : O(n은 1~20까지)
  • 분류 : O
  • 너비 : O
  • 아랫글: O

이전 둘러보기 틀에 있었던 그 외의 파라미터는 아직 미구현 상태입니다.