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

2024년 3월 12일 (화) 14:31 판

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

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

파라미터 구현

첫번째 파라미터(틀 이름) : 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><span style="width:10%">{{{제목1|Type 1}}}</span><span style="width:90%">{{{내용1|Content1}}}</span></div>
+<div><span style="width:20%;background-color:#00A500;color:white;">{{{제목1|Type 1}}}</span><span style="width:80%;">{{{내용1|Content1}}}</span></div>
-<div><span style="width:10%">{{{제목2|Type 2}}}</span><span style="width:90%">{{{내용2|Content2}}}</span></div>
+<div><span style="width:20%;background-color:#00A500;color:white;">{{{제목2|Type 2}}}</span><span style="width:90%;">{{{내용2|Content2}}}</span></div>
-<div><span style="width:10%">{{{제목3|}}}</span><span style="width:90%">{{{내용3|}}}</span></div>
+<div><span style="width:20%;background-color:#00A500;color:white;">{{{제목3|}}}</span><span style="width:80%;">{{{내용3|}}}</span></div>
-<div><span style="width:10%">{{{제목4|}}}</span><span style="width:90%">{{{내용4|}}}</span></div>
+<div><span style="width:20%;background-color:#00A500;color:white;">{{{제목4|}}}</span><span style="width:80%;">{{{내용4|}}}</span></div>
-<div><span style="width:10%">{{{제목5|}}}</span><span style="width:90%">{{{내용5|}}}</span></div>
+<div><span style="width:20%;background-color:#00A500;color:white;">{{{제목5|}}}</span><span style="width:80%;">{{{내용5|}}}</span></div>
-<div><span style="width:10%">{{{제목6|}}}</span><span style="width:90%">{{{내용6|}}}</span></div>
+<div><span style="width:20%;background-color:#00A500;color:white;">{{{제목6|}}}</span><span style="width:80%;">{{{내용6|}}}</span></div>
-<div><span style="width:10%">{{{제목7|}}}</span><span style="width:90%">{{{내용7|}}}</span></div>
+<div><span style="width:20%;background-color:#00A500;color:white;">{{{제목7|}}}</span><span style="width:80%;">{{{내용7|}}}</span></div>
-<div><span style="width:10%">{{{제목8|}}}</span><span style="width:90%">{{{내용8|}}}</span></div>
+<div><span style="width:20%;background-color:#00A500;color:white;">{{{제목8|}}}</span><span style="width:80%;">{{{내용8|}}}</span></div>
-<div><span style="width:10%">{{{제목9|}}}</span><span style="width:90%">{{{내용9|}}}</span></div>
+<div><span style="width:20%;background-color:#00A500;color:white;">{{{제목9|}}}</span><span style="width:80%;">{{{내용9|}}}</span></div>
-<div><span style="width:10%">{{{제목10|}}}</span><span style="width:90%">{{{내용10|}}}</span></div>
+<div><span style="width:20%;background-color:#00A500;color:white;">{{{제목10|}}}</span><span style="width:80%;">{{{내용10|}}}</span></div>
-<div><span style="width:10%">{{{제목11|}}}</span><span style="width:90%">{{{내용11|}}}</span></div>
+<div><span style="width:20%;background-color:#00A500;color:white;">{{{제목11|}}}</span><span style="width:80%;">{{{내용11|}}}</span></div>
-<div><span style="width:10%">{{{제목12|}}}</span><span style="width:90%">{{{내용12|}}}</span></div>
+<div><span style="width:20%;background-color:#00A500;color:white;">{{{제목12|}}}</span><span style="width:80%;">{{{내용12|}}}</span></div>
-<div><span style="width:10%">{{{제목13|}}}</span><span style="width:90%">{{{내용13|}}}</span></div>
+<div><span style="width:20%;background-color:#00A500;color:white;">{{{제목13|}}}</span><span style="width:80%;">{{{내용13|}}}</span></div>
-<div><span style="width:10%">{{{제목14|}}}</span><span style="width:90%">{{{내용14|}}}</span></div>
+<div><span style="width:20%;background-color:#00A500;color:white;">{{{제목14|}}}</span><span style="width:80%;">{{{내용14|}}}</span></div>
-<div><span style="width:10%">{{{제목15|}}}</span><span style="width:90%">{{{내용15|}}}</span></div>
+<div><span style="width:20%;background-color:#00A500;color:white;">{{{제목15|}}}</span><span style="width:80%;">{{{내용15|}}}</span></div>
-<div><span style="width:10%">{{{제목16|}}}</span><span style="width:90%">{{{내용16|}}}</span></div>
+<div><span style="width:20%;background-color:#00A500;color:white;">{{{제목16|}}}</span><span style="width:80%;">{{{내용16|}}}</span></div>
-<div><span style="width:10%">{{{제목17|}}}</span><span style="width:90%">{{{내용17|}}}</span></div>
+<div><span style="width:20%;background-color:#00A500;color:white;">{{{제목17|}}}</span><span style="width:80%;">{{{내용17|}}}</span></div>
-<div><span style="width:10%">{{{제목18|}}}</span><span style="width:90%">{{{내용18|}}}</span></div>
+<div><span style="width:20%;background-color:#00A500;color:white;">{{{제목18|}}}</span><span style="width:80%;">{{{내용18|}}}</span></div>
-<div><span style="width:10%">{{{제목19|}}}</span><span style="width:90%">{{{내용19|}}}</span></div>
+<div><span style="width:20%;background-color:#00A500;color:white;">{{{제목19|}}}</span><span style="width:80%;">{{{내용19|}}}</span></div>
-<div><span style="width:10%">{{{제목20|}}}</span><span style="width:90%">{{{내용20|}}}</span></div>
+<div><span style="width:20%;background-color:#00A500;color:white;">{{{제목20|}}}</span><span style="width:80%;">{{{내용20|}}}</span></div>
 }}
 </div>