틀:탭: 두 판 사이의 차이

2019년 4월 1일 (월) 15:32 판

{{{제목1}}}

{{{내용1}}}

탭을 표시하는 틀입니다.

주의사항

일부 브라우저 (Internet Explorer, EdgeHTML 기반 마이크로소프트 엣지 등)에서 제대로 작동되지 않을 수 있습니다.

사용법

{{탭
|제목1 = 
|내용1 = 
|제목2 = 
|내용2 = 
|제목3 = 
|내용3 = 
·
·
·
|제목30 = 
|내용30 = 
}}

추가 기능

{{탭
|style = 
|버튼여백좁게 = <!-- 이 변수를 입력할 경우 탭 버튼 여백이 줄어듦-->
|제목너비고정 = <!-- **%로 입력, 한 줄당 탭 버튼 수를 강제로 고정하기 위해 사용함--> 
|여백좁게 = <!-- 이 변수를 입력할 경우 여백이 1.5 rem에서 0.5 rem으로 줄어듦-->
|여백 사용자지정 = <!-- 단위 (em, rem 등)를 포함해 입력-->
|제목1 = 
|내용1 = 
|제목2 = 
|내용2 = 
|제목3 = 
|내용3 = 
·
·
·
|제목30 = 
|내용30 = 
}}

연습장이나 사용자 문서에서 틀의 사용이나 수정을 연습할 수 있습니다.
분류는 /설명문서에 넣어주세요.

• 현재 페이지 URL 줄이기

@@ 3번째 줄: / 3번째 줄: @@
 <div class="libre-tab-main">
 <div class="libre-tab-main-content libre-tab-main-content-active">
-{{{내용1}}}
+{{{내용1}}}<!--
-</div>{{#if:{{{제목2|}}}|
+--></div>{{#if:{{{제목2|}}}|
 <div class="libre-tab-main-content">
-{{{내용2}}}
+{{{내용2}}}<!--
-</div>}}{{#if:{{{제목3|}}}|
+--></div>}}{{#if:{{{제목3|}}}|
 <div class="libre-tab-main-content">
-{{{내용3}}}
+{{{내용3}}}<!--
-</div>}}{{#if:{{{제목4|}}}|
+--></div>}}{{#if:{{{제목4|}}}|
 <div class="libre-tab-main-content">
-{{{내용4}}}
+{{{내용4}}}<!--
-</div>}}{{#if:{{{제목5|}}}|
+--></div>}}{{#if:{{{제목5|}}}|
 <div class="libre-tab-main-content">
-{{{내용5}}}
+{{{내용5}}}<!--
-</div>}}{{#if:{{{제목6|}}}|
+--></div>}}{{#if:{{{제목6|}}}|
 <div class="libre-tab-main-content">
-{{{내용6}}}
+{{{내용6}}}<!--
-</div>}}{{#if:{{{제목7|}}}|
+--></div>}}{{#if:{{{제목7|}}}|
 <div class="libre-tab-main-content">
-{{{내용7}}}
+{{{내용7}}}<!--
-</div>}}{{#if:{{{제목8|}}}|
+--></div>}}{{#if:{{{제목8|}}}|
 <div class="libre-tab-main-content">
-{{{내용8}}}
+{{{내용8}}}<!--
-</div>}}{{#if:{{{제목9|}}}|
+--></div>}}{{#if:{{{제목9|}}}|
 <div class="libre-tab-main-content">
-{{{내용9}}}
+{{{내용9}}}<!--
-</div>}}{{#if:{{{제목10|}}}|
+--></div>}}{{#if:{{{제목10|}}}|
 <div class="libre-tab-main-content">
-{{{내용10}}}
+{{{내용10}}}<!--
-</div>}}{{#if:{{{제목11|}}}|
+--></div>}}{{#if:{{{제목11|}}}|
 <div class="libre-tab-main-content">
-{{{내용11}}}
+{{{내용11}}}<!--
-</div>}}{{#if:{{{제목12|}}}|
+--></div>}}{{#if:{{{제목12|}}}|
 <div class="libre-tab-main-content">
-{{{내용12}}}
+{{{내용12}}}<!--
-</div>}}{{#if:{{{제목13|}}}|
+--></div>}}{{#if:{{{제목13|}}}|
 <div class="libre-tab-main-content">
-{{{내용13}}}
+{{{내용13}}}<!--
-</div>}}{{#if:{{{제목14|}}}|
+--></div>}}{{#if:{{{제목14|}}}|
 <div class="libre-tab-main-content">
-{{{내용14}}}
+{{{내용14}}}<!--
-</div>}}{{#if:{{{제목15|}}}|
+--></div>}}{{#if:{{{제목15|}}}|
 <div class="libre-tab-main-content">
-{{{내용15}}}
+{{{내용15}}}<!--
-</div>}}{{#if:{{{제목16|}}}|
+--></div>}}{{#if:{{{제목16|}}}|
 <div class="libre-tab-main-content">
-{{{내용16}}}
+{{{내용16}}}<!--
-</div>}}{{#if:{{{제목17|}}}|
+--></div>}}{{#if:{{{제목17|}}}|
 <div class="libre-tab-main-content">
-{{{내용17}}}
+{{{내용17}}}<!--
-</div>}}{{#if:{{{제목18|}}}|
+--></div>}}{{#if:{{{제목18|}}}|
 <div class="libre-tab-main-content">
-{{{내용18}}}
+{{{내용18}}}<!--
-</div>}}{{#if:{{{제목19|}}}|
+--></div>}}{{#if:{{{제목19|}}}|
 <div class="libre-tab-main-content">
-{{{내용19}}}
+{{{내용19}}}<!--
-</div>}}{{#if:{{{제목20|}}}|
+--></div>}}{{#if:{{{제목20|}}}|
 <div class="libre-tab-main-content">
-{{{내용20}}}
+{{{내용20}}}<!--
-</div>}}{{#if:{{{제목21|}}}|
+--></div>}}{{#if:{{{제목21|}}}|
 <div class="libre-tab-main-content">
-{{{내용21}}}
+{{{내용21}}}<!--
-</div>}}{{#if:{{{제목22|}}}|
+--></div>}}{{#if:{{{제목22|}}}|
 <div class="libre-tab-main-content">
-{{{내용22}}}
+{{{내용22}}}<!--
-</div>}}{{#if:{{{제목23|}}}|
+--></div>}}{{#if:{{{제목23|}}}|
 <div class="libre-tab-main-content">
-{{{내용23}}}
+{{{내용23}}}<!--
-</div>}}{{#if:{{{제목24|}}}|
+--></div>}}{{#if:{{{제목24|}}}|
 <div class="libre-tab-main-content">
-{{{내용24}}}
+{{{내용24}}}<!--
-</div>}}{{#if:{{{제목25|}}}|
+--></div>}}{{#if:{{{제목25|}}}|
 <div class="libre-tab-main-content">
-{{{내용25}}}
+{{{내용25}}}<!--
-</div>}}{{#if:{{{제목26|}}}|
+--></div>}}{{#if:{{{제목26|}}}|
 <div class="libre-tab-main-content">
-{{{내용26}}}
+{{{내용26}}}<!--
-</div>}}{{#if:{{{제목27|}}}|
+--></div>}}{{#if:{{{제목27|}}}|
 <div class="libre-tab-main-content">
-{{{내용27}}}
+{{{내용27}}}<!--
-</div>}}{{#if:{{{제목28|}}}|
+--></div>}}{{#if:{{{제목28|}}}|
 <div class="libre-tab-main-content">
-{{{내용28}}}
+{{{내용28}}}<!--
-</div>}}{{#if:{{{제목29|}}}|
+--></div>}}{{#if:{{{제목29|}}}|
 <div class="libre-tab-main-content">
-{{{내용29}}}
+{{{내용29}}}<!--
-</div>}}{{#if:{{{제목30|}}}|
+--></div>}}{{#if:{{{제목30|}}}|
 <div class="libre-tab-main-content">
-{{{내용30}}}
+{{{내용30}}}<!--
-</div>}}
+--></div>}}
 </div>
 </div></onlyinclude>
 {{틀 설명문서}}