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

2024년 6월 22일 (토) 20:38 기준 최신판

설명 및 파라미터[원본 편집]

기본 예제[원본 편집]

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

주요 속성[원본 편집]

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

선택적 속성[원본 편집]

너비: (혹은 "넓이") 상자의 폭을 지정합니다. 기본 속성은 100% 입니다.
색상: 상단의 막대의 배경 색상입니다.
분류: 틀이 달린 문서들이 속할 분류입니다. 틀 문서가 분류에 표시되면 어색하므로, <includeonly> ...... </includeonly>로 분류 지정하는 코드를 감싸주는 것이 좋습니다.
플로트: float CSS 속성이 있는 다른 틀^[1]로 인해 모양이 이상해질 경우 이 파라미터를 넣을 수 있습니다. 보통 이 파라미터가 필요할 경우 'inline-start' 값을 삽입하며, 플로트 파라미터가 없으면 float는 'none'이 적용됩니다.

파라미터 개발 진행 상황[원본 편집]

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

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

↑ 보통 페이지 한쪽으로 치우친 틀들이 이렇습니다.

[1] 보통 페이지 한쪽으로 치우친 틀들이 이렇습니다.

[1]

@@ 1번째 줄: / 1번째 줄: @@
-* [[../|상위 문서에서 테스트 중]]
-기존 둘러보기 틀의 설명문이 상당히 부족하며 내부 구현은 심하게 방대하여 결국 소스를 보고 따라할 수 밖에 없으므로, 완전히 새로운 디자인으로 제작
 <onlyinclude>
-<div style="border:3px solid green;position:relative;z-index:0;width:100%;background-color:{{{색상|#a0f0a0}}};">
+<div style="{{#if:{{{플로트|}}}|float:{{{플로트}}};|float:none;}}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|{{{틀이름|틀:둘러보기}}}}}}|action=edit}} 편집]</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: {{{내용|}}}|{{{내용}}}|
-<div>{{#if: {{{제목1|}}}|<span style="min-width:fit-content;max-width:20%;background-color:#00A500;color:white;padding:4px;">{{{제목1|Type 1}}}</span>|}}{{#if: {{{내용1|}}}|<span style="max-width:80%;">{{{내용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|}}}|<span style="min-width:fit-content;max-width:20%;background-color:#00A500;color:white;padding:4px;">{{{제목2|Type 2}}}</span>|}}{{#if: {{{내용2|}}}|<span style="max-width:80%;">{{{내용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="min-width:fit-content;max-width:20%;background-color:#00A500;color:white;padding:4px;">{{{제목3|}}}</span>|}}{{#if: {{{내용3|}}}|<span style="max-width:80%;">{{{내용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="min-width:fit-content;max-width:20%;background-color:#00A500;color:white;padding:4px;">{{{제목4|}}}</span>|}}{{#if: {{{내용4|}}}|<span style="max-width:80%;">{{{내용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="min-width:fit-content;max-width:20%;background-color:#00A500;color:white;padding:4px;">{{{제목5|}}}</span>|}}{{#if: {{{내용5|}}}|<span style="max-width:80%;">{{{내용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="min-width:fit-content;max-width:20%;background-color:#00A500;color:white;padding:4px;">{{{제목6|}}}</span>|}}{{#if: {{{내용6|}}}|<span style="max-width:80%;">{{{내용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="min-width:fit-content;max-width:20%;background-color:#00A500;color:white;padding:4px;">{{{제목7|}}}</span>|}}{{#if: {{{내용7|}}}|<span style="max-width:80%;">{{{내용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="min-width:fit-content;max-width:20%;background-color:#00A500;color:white;padding:4px;">{{{제목8|}}}</span>|}}{{#if: {{{내용8|}}}|<span style="max-width:80%;">{{{내용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="min-width:fit-content;max-width:20%;background-color:#00A500;color:white;padding:4px;">{{{제목9|}}}</span>|}}{{#if: {{{내용9|}}}|<span style="max-width:80%;">{{{내용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="min-width:fit-content;max-width:20%;background-color:#00A500;color:white;padding:4px;">{{{제목10|}}}</span>|}}{{#if: {{{내용10|}}}|<span style="max-width:80%;">{{{내용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="min-width:fit-content;max-width:20%;background-color:#00A500;color:white;padding:4px;">{{{제목11|}}}</span>|}}{{#if: {{{내용11|}}}|<span style="max-width:80%;">{{{내용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="min-width:fit-content;max-width:20%;background-color:#00A500;color:white;padding:4px;">{{{제목12|}}}</span>|}}{{#if: {{{내용12|}}}|<span style="max-width:80%;">{{{내용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="min-width:fit-content;max-width:20%;background-color:#00A500;color:white;padding:4px;">{{{제목13|}}}</span>|}}{{#if: {{{내용13|}}}|<span style="max-width:80%;">{{{내용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="min-width:fit-content;max-width:20%;background-color:#00A500;color:white;padding:4px;">{{{제목14|}}}</span>|}}{{#if: {{{내용14|}}}|<span style="max-width:80%;">{{{내용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="min-width:fit-content;max-width:20%;background-color:#00A500;color:white;padding:4px;">{{{제목15|}}}</span>|}}{{#if: {{{내용15|}}}|<span style="max-width:80%;">{{{내용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="min-width:fit-content;max-width:20%;background-color:#00A500;color:white;padding:4px;">{{{제목16|}}}</span>|}}{{#if: {{{내용16|}}}|<span style="max-width:80%;">{{{내용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="min-width:fit-content;max-width:20%;background-color:#00A500;color:white;padding:4px;">{{{제목17|}}}</span>|}}{{#if: {{{내용17|}}}|<span style="max-width:80%;">{{{내용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="min-width:fit-content;max-width:20%;background-color:#00A500;color:white;padding:4px;">{{{제목18|}}}</span>|}}{{#if: {{{내용18|}}}|<span style="max-width:80%;">{{{내용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="min-width:fit-content;max-width:20%;background-color:#00A500;color:white;padding:4px;">{{{제목19|}}}</span>|}}{{#if: {{{내용19|}}}|<span style="max-width:80%;">{{{내용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="min-width:fit-content;max-width:20%;background-color:#00A500;color:white;padding:4px;">{{{제목20|}}}</span>|}}{{#if: {{{내용20|}}}|<span style="max-width:80%;">{{{내용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>
+{{{분류|[[분류:둘러보기 틀]]}}}
-{{{분류|}}}
 </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>로 분류 지정하는 코드를 감싸주는 것이 좋습니다.
+; 플로트 : float CSS 속성이 있는 다른 틀<ref>보통 페이지 한쪽으로 치우친 틀들이 이렇습니다.</ref>로 인해 모양이 이상해질 경우 이 파라미터를 넣을 수 있습니다. 보통 이 파라미터가 필요할 경우 'inline-start' 값을 삽입하며, 플로트 파라미터가 없으면 float는 'none'이 적용됩니다.
+<!-- 이 줄 아래부터 추가로 분류를 작성하십시오. -->
+[[분류:둘러보기 틀| ]]
+<!-- 이 줄 아래부터 인터위키를 작성하십시오. -->
+== 파라미터 개발 진행 상황 ==
 * 첫번째 파라미터(틀 이름) : O
 * 이름공간 : O
 * 색상 : O
 * 제목 : O
-* 제목n : O(n은 1~20까지)
+* 제목n : O
+** 묶음n: 제목n이 없을 때에만 보임
+** n은 1~20까지의 자연수 숫자
 * 내용n : O(n은 1~20까지)
 * 분류 : O
 * 너비 : O
+* 아랫글: O
+[[보존:둘러보기/레거시|이전 둘러보기 틀]]에 있었던 그 외의 파라미터는 아직 미구현 상태입니다.