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

2024년 3월 19일 (화) 16:53 판

[[../|상위 문서에서 테스트 중]]

기존 둘러보기 틀의 설명문이 상당히 부족하며 내부 구현은 심하게 방대하여 결국 소스를 보고 따라할 수 밖에 없으므로, 완전히 새로운 디자인으로 제작

[[틀:|보기]]·[[틀토론:|토론]]·[[[:틀:Fullurl:틀:]] 편집][[{{{틀이름}}}|{{{제목}}}]]

Type 1Content1

Type 2Content2

파라미터 구현

첫번째 파라미터(틀 이름) : O
이름공간 : O
색상 : O
제목 : O
제목n : O(n은 1~20까지)
내용n : O(n은 1~20까지)
분류 : O
너비 : O

@@ 9번째 줄: / 9번째 줄: @@
 <div style="background-color:#ffffff;">
 {{#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;display:inline-block;padding:4px;">{{{내용1|Content1}}}</span><br>|}}</div>
+<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;display:inline-block;padding:4px;">{{{내용1|Content1}}}</span>|}}</div>
-<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;display:inline-block;padding:4px;">{{{내용2|Content2}}}</span><br>|}}</div>
+<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;display:inline-block;padding:4px;">{{{내용2|Content2}}}</span>|}}</div>
-<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;display:inline-block;padding:4px;">{{{내용3|}}}</span><br>|}}</div>
+<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;display:inline-block;padding:4px;">{{{내용3|}}}</span>|}}</div>
 <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><br>|}}{{#if: {{{내용4|}}}|<span style="position:relative;display:inline-block;padding:4px;">{{{내용4|}}}</span>|}}</div>
 <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><br>|}}{{#if: {{{내용5|}}}|<span style="position:relative;overflow-wrap:break-word;display:inline-block;padding:4px;">{{{내용5|}}}</span>|}}</div>