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

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

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

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

[[틀:|보기]]·[[틀토론:|토론]]·[[[:틀: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;width:10%;text-align:center;background-color:#00A500;color:white;padding:4px;">{{{제목1|Type 1}}}</span>|}}{{#if: {{{내용1|Content1}}}|<span style="position:relative;overflow-wrap:break-word;inline-size:80%;padding:4px;left:5%;">{{{내용1|Content1}}}</span>|}}</div>
+<div>{{#if: {{{제목1|Type 1}}}|<span style="position:relative;display:inline-block;width:10%;height:auto;text-align:center;background-color:#00A500;color:white;padding:4px;">{{{제목1|Type 1}}}</span>|}}{{#if: {{{내용1|Content1}}}|<span style="position:relative;overflow-wrap:break-word;display:inline-block;max-width:80%;padding:4px;">{{{내용1|Content1}}}</span>|}}</div>
-<div>{{#if: {{{제목2|Type 2}}}|<span style="position:relative;width:10%;text-align:center;background-color:#00A500;color:white;padding:4px;">{{{제목2|Type 2}}}</span>|}}{{#if: {{{내용2|Content2}}}|<span style="position:relative;overflow-wrap:break-word;inline-size:80%;padding:4px;left:5%;">{{{내용2|Content2}}}</span>|}}</div>
+<div>{{#if: {{{제목2|Type 2}}}|<span style="position:relative;display:inline-block;width:10%;height:auto;text-align:center;background-color:#00A500;color:white;padding:4px;">{{{제목2|Type 2}}}</span>|}}{{#if: {{{내용2|Content2}}}|<span style="position:relative;overflow-wrap:break-word;display:inline-block;max-width:80%;padding:4px;">{{{내용2|Content2}}}</span>|}}</div>
-<div>{{#if: {{{제목3|}}}|<span style="position:relative;width:10%;text-align:center;background-color:#00A500;color:white;padding:4px;">{{{제목3|}}}</span>|}}{{#if: {{{내용3|}}}|<span style="position:relative;overflow-wrap:break-word;inline-size:80%;max-width:80%;padding:4px;left:5%;">{{{내용3|}}}</span>|}}</div>
+<div>{{#if: {{{제목3|}}}|<span style="position:relative;display:inline-block;width:10%;height:auto;text-align:center;background-color:#00A500;color:white;padding:4px;">{{{제목3|}}}</span>|}}{{#if: {{{내용3|}}}|<span style="position:relative;overflow-wrap:break-word;display:inline-block;max-width:80%;padding:4px;">{{{내용3|}}}</span>|}}</div>
-<div>{{#if: {{{제목4|}}}|<span style="position:relative;width:10%;text-align:center;background-color:#00A500;color:white;padding:4px;">{{{제목4|}}}</span>|}}{{#if: {{{내용4|}}}|<span style="position:relative;overflow-wrap:break-word;inline-size:80%;max-width:80%;padding:4px;left:5%;">{{{내용4|}}}</span>|}}</div>
+<div>{{#if: {{{제목4|}}}|<span style="position:relative;display:inline-block;width:10%;height:auto;text-align:center;background-color:#00A500;color:white;padding:4px;">{{{제목4|}}}</span>|}}{{#if: {{{내용4|}}}|<span style="position:relative;overflow-wrap:break-word;display:inline-block;max-width:80%;padding:4px;">{{{내용4|}}}</span>|}}</div>
-<div>{{#if: {{{제목5|}}}|<span style="position:relative;width:10%;text-align:center;background-color:#00A500;color:white;padding:4px;">{{{제목5|}}}</span>|}}{{#if: {{{내용5|}}}|<span style="position:relative;overflow-wrap:break-word;inline-size:80%;max-width:80%;padding:4px;left:5%;">{{{내용5|}}}</span>|}}</div>
+<div>{{#if: {{{제목5|}}}|<span style="position:relative;display:inline-block;width:10%;height:auto;text-align:center;background-color:#00A500;color:white;padding:4px;">{{{제목5|}}}</span>|}}{{#if: {{{내용5|}}}|<span style="position:relative;overflow-wrap:break-word;display:inline-block;max-width:80%;padding:4px;">{{{내용5|}}}</span>|}}</div>
-<div>{{#if: {{{제목6|}}}|<span style="position:relative;width:10%;text-align:center;background-color:#00A500;color:white;padding:4px;">{{{제목6|}}}</span>|}}{{#if: {{{내용6|}}}|<span style="position:relative;overflow-wrap:break-word;inline-size:80%;max-width:80%;padding:4px;left:5%;">{{{내용6|}}}</span>|}}</div>
+<div>{{#if: {{{제목6|}}}|<span style="position:relative;display:inline-block;width:10%;height:auto;text-align:center;background-color:#00A500;color:white;padding:4px;">{{{제목6|}}}</span>|}}{{#if: {{{내용6|}}}|<span style="position:relative;overflow-wrap:break-word;display:inline-block;max-width:80%;padding:4px;">{{{내용6|}}}</span>|}}</div>
-<div>{{#if: {{{제목7|}}}|<span style="position:relative;width:10%;text-align:center;background-color:#00A500;color:white;padding:4px;">{{{제목7|}}}</span>|}}{{#if: {{{내용7|}}}|<span style="position:relative;overflow-wrap:break-word;inline-size:80%;max-width:80%;padding:4px;left:5%;">{{{내용7|}}}</span>|}}</div>
+<div>{{#if: {{{제목7|}}}|<span style="position:relative;display:inline-block;width:10%;height:auto;text-align:center;background-color:#00A500;color:white;padding:4px;">{{{제목7|}}}</span>|}}{{#if: {{{내용7|}}}|<span style="position:relative;overflow-wrap:break-word;display:inline-block;max-width:80%;padding:4px;">{{{내용7|}}}</span>|}}</div>
-<div>{{#if: {{{제목8|}}}|<span style="position:relative;width:10%;text-align:center;background-color:#00A500;color:white;padding:4px;">{{{제목8|}}}</span>|}}{{#if: {{{내용8|}}}|<span style="position:relative;overflow-wrap:break-word;inline-size:80%;max-width:80%;padding:4px;left:5%;">{{{내용8|}}}</span>|}}</div>
+<div>{{#if: {{{제목8|}}}|<span style="position:relative;display:inline-block;width:10%;height:auto;text-align:center;background-color:#00A500;color:white;padding:4px;">{{{제목8|}}}</span>|}}{{#if: {{{내용8|}}}|<span style="position:relative;overflow-wrap:break-word;display:inline-block;max-width:80%;padding:4px;">{{{내용8|}}}</span>|}}</div>
-<div>{{#if: {{{제목9|}}}|<span style="position:relative;width:10%;text-align:center;background-color:#00A500;color:white;padding:4px;">{{{제목9|}}}</span>|}}{{#if: {{{내용9|}}}|<span style="position:relative;overflow-wrap:break-word;inline-size:80%;max-width:80%;padding:4px;left:5%;">{{{내용9|}}}</span>|}}</div>
+<div>{{#if: {{{제목9|}}}|<span style="position:relative;display:inline-block;width:10%;height:auto;text-align:center;background-color:#00A500;color:white;padding:4px;">{{{제목9|}}}</span>|}}{{#if: {{{내용9|}}}|<span style="position:relative;overflow-wrap:break-word;display:inline-block;max-width:80%;padding:4px;">{{{내용9|}}}</span>|}}</div>
-<div>{{#if: {{{제목10|}}}|<span style="position:relative;width:10%;text-align:center;background-color:#00A500;color:white;padding:4px;">{{{제목10|}}}</span>|}}{{#if: {{{내용10|}}}|<span style="position:relative;overflow-wrap:break-word;inline-size:80%;max-width:80%;padding:4px;left:5%;">{{{내용10|}}}</span>|}}</div>
+<div>{{#if: {{{제목10|}}}|<span style="position:relative;display:inline-block;width:10%;height:auto;text-align:center;background-color:#00A500;color:white;padding:4px;">{{{제목10|}}}</span>|}}{{#if: {{{내용10|}}}|<span style="position:relative;overflow-wrap:break-word;display:inline-block;max-width:80%;padding:4px;">{{{내용10|}}}</span>|}}</div>
-<div>{{#if: {{{제목11|}}}|<span style="position:relative;width:10%;text-align:center;background-color:#00A500;color:white;padding:4px;">{{{제목11|}}}</span>|}}{{#if: {{{내용11|}}}|<span style="position:relative;overflow-wrap:break-word;inline-size:80%;max-width:80%;padding:4px;left:5%;">{{{내용11|}}}</span>|}}</div>
+<div>{{#if: {{{제목11|}}}|<span style="position:relative;display:inline-block;width:10%;height:auto;text-align:center;background-color:#00A500;color:white;padding:4px;">{{{제목11|}}}</span>|}}{{#if: {{{내용11|}}}|<span style="position:relative;overflow-wrap:break-word;display:inline-block;max-width:80%;padding:4px;">{{{내용11|}}}</span>|}}</div>
-<div>{{#if: {{{제목12|}}}|<span style="position:relative;width:10%;text-align:center;background-color:#00A500;color:white;padding:4px;">{{{제목12|}}}</span>|}}{{#if: {{{내용12|}}}|<span style="position:relative;overflow-wrap:break-word;inline-size:80%;max-width:80%;padding:4px;left:5%;">{{{내용12|}}}</span>|}}</div>
+<div>{{#if: {{{제목12|}}}|<span style="position:relative;display:inline-block;width:10%;height:auto;text-align:center;background-color:#00A500;color:white;padding:4px;">{{{제목12|}}}</span>|}}{{#if: {{{내용12|}}}|<span style="position:relative;overflow-wrap:break-word;idisplay:inline-block;max-width:80%;padding:4px;">{{{내용12|}}}</span>|}}</div>
-<div>{{#if: {{{제목13|}}}|<span style="position:relative;width:10%;text-align:center;background-color:#00A500;color:white;padding:4px;">{{{제목13|}}}</span>|}}{{#if: {{{내용13|}}}|<span style="position:relative;overflow-wrap:break-word;inline-size:80%;max-width:80%;padding:4px;left:5%;">{{{내용13|}}}</span>|}}</div>
+<div>{{#if: {{{제목13|}}}|<span style="position:relative;display:inline-block;width:10%;height:auto;text-align:center;background-color:#00A500;color:white;padding:4px;">{{{제목13|}}}</span>|}}{{#if: {{{내용13|}}}|<span style="position:relative;overflow-wrap:break-word;display:inline-block;max-width:80%;padding:4px;">{{{내용13|}}}</span>|}}</div>
-<div>{{#if: {{{제목14|}}}|<span style="position:relative;width:10%;text-align:center;background-color:#00A500;color:white;padding:4px;">{{{제목14|}}}</span>|}}{{#if: {{{내용14|}}}|<span style="position:relative;overflow-wrap:break-word;inline-size:80%;max-width:80%;padding:4px;left:5%;">{{{내용14|}}}</span>|}}</div>
+<div>{{#if: {{{제목14|}}}|<span style="position:relative;display:inline-block;width:10%;height:auto;text-align:center;background-color:#00A500;color:white;padding:4px;">{{{제목14|}}}</span>|}}{{#if: {{{내용14|}}}|<span style="position:relative;overflow-wrap:break-word;display:inline-block;max-width:80%;padding:4px;">{{{내용14|}}}</span>|}}</div>
-<div>{{#if: {{{제목15|}}}|<span style="position:relative;width:10%;text-align:center;background-color:#00A500;color:white;padding:4px;">{{{제목15|}}}</span>|}}{{#if: {{{내용15|}}}|<span style="position:relative;overflow-wrap:break-word;inline-size:80%;max-width:80%;padding:4px;left:5%;">{{{내용15|}}}</span>|}}</div>
+<div>{{#if: {{{제목15|}}}|<span style="position:relative;display:inline-block;width:10%;height:auto;text-align:center;background-color:#00A500;color:white;padding:4px;">{{{제목15|}}}</span>|}}{{#if: {{{내용15|}}}|<span style="position:relative;overflow-wrap:break-word;display:inline-block;max-width:80%;padding:4px;">{{{내용15|}}}</span>|}}</div>
-<div>{{#if: {{{제목16|}}}|<span style="position:relative;width:10%;text-align:center;background-color:#00A500;color:white;padding:4px;">{{{제목16|}}}</span>|}}{{#if: {{{내용16|}}}|<span style="position:relative;overflow-wrap:break-word;inline-size:80%;max-width:80%;padding:4px;left:5%;">{{{내용16|}}}</span>|}}</div>
+<div>{{#if: {{{제목16|}}}|<span style="position:relative;display:inline-block;width:10%;height:auto;text-align:center;background-color:#00A500;color:white;padding:4px;">{{{제목16|}}}</span>|}}{{#if: {{{내용16|}}}|<span style="position:relative;overflow-wrap:break-word;display:inline-block;max-width:80%;padding:4px;">{{{내용16|}}}</span>|}}</div>
-<div>{{#if: {{{제목17|}}}|<span style="position:relative;width:10%;text-align:center;background-color:#00A500;color:white;padding:4px;">{{{제목17|}}}</span>|}}{{#if: {{{내용17|}}}|<span style="position:relative;overflow-wrap:break-word;inline-size:80%;max-width:80%;padding:4px;left:5%;">{{{내용17|}}}</span>|}}</div>
+<div>{{#if: {{{제목17|}}}|<span style="position:relative;display:inline-block;width:10%;height:auto;text-align:center;background-color:#00A500;color:white;padding:4px;">{{{제목17|}}}</span>|}}{{#if: {{{내용17|}}}|<span style="position:relative;overflow-wrap:break-word;display:inline-block;max-width:80%;padding:4px;">{{{내용17|}}}</span>|}}</div>
-<div>{{#if: {{{제목18|}}}|<span style="position:relative;width:10%;text-align:center;background-color:#00A500;color:white;padding:4px;">{{{제목18|}}}</span>|}}{{#if: {{{내용18|}}}|<span style="position:relative;overflow-wrap:break-word;inline-size:80%;max-width:80%;padding:4px;left:5%;">{{{내용18|}}}</span>|}}</div>
+<div>{{#if: {{{제목18|}}}|<span style="position:relative;display:inline-block;width:10%;height:auto;text-align:center;background-color:#00A500;color:white;padding:4px;">{{{제목18|}}}</span>|}}{{#if: {{{내용18|}}}|<span style="position:relative;overflow-wrap:break-word;display:inline-block;max-width:80%;padding:4px;">{{{내용18|}}}</span>|}}</div>
-<div>{{#if: {{{제목19|}}}|<span style="position:relative;width:10%;text-align:center;background-color:#00A500;color:white;padding:4px;">{{{제목19|}}}</span>|}}{{#if: {{{내용19|}}}|<span style="position:relative;overflow-wrap:break-word;inline-size:80%;max-width:80%;padding:4px;left:5%;">{{{내용19|}}}</span>|}}</div>
+<div>{{#if: {{{제목19|}}}|<span style="position:relative;display:inline-block;width:10%;height:auto;text-align:center;background-color:#00A500;color:white;padding:4px;">{{{제목19|}}}</span>|}}{{#if: {{{내용19|}}}|<span style="position:relative;overflow-wrap:break-word;display:inline-block;max-width:80%;padding:4px;">{{{내용19|}}}</span>|}}</div>
-<div>{{#if: {{{제목20|}}}|<span style="position:relative;width:10%;text-align:center;background-color:#00A500;color:white;padding:4px;">{{{제목20|}}}</span>|}}{{#if: {{{내용20|}}}|<span style="position:relative;overflow-wrap:break-word;inline-size:80%;max-width:80%;padding:4px;left:5%;">{{{내용20|}}}</span>|}}</div>
+<div>{{#if: {{{제목20|}}}|<span style="position:relative;display:inline-block;width:10%;height:auto;text-align:center;background-color:#00A500;color:white;padding:4px;">{{{제목20|}}}</span>|}}{{#if: {{{내용20|}}}|<span style="position:relative;overflow-wrap:break-word;display:inline-block;max-width:80%;padding:4px;">{{{내용20|}}}</span>|}}</div>
 }}
 </div>