리브레위키>하늘 |
리브레위키>하늘 |
||
1번째 줄: | 1번째 줄: | ||
<onlyinclude><includeonly><templatestyles src="틀:탭/styles.css" /><div class="{{{class|}}} libre-tab" {{#if:{{{style|}}}|style="{{{style}}}"}}> | <onlyinclude><includeonly><templatestyles src="틀:탭/styles.css" /><div class="libre {{{class|}}}" style="padding: 0em;"><div class="libre-tab" {{#if:{{{style|}}}|style="{{{style}}}"}}> | ||
<div class="libre-tab-btns" style="{{#if:{{{버튼여백좁게|}}}|margin: 0 auto !important;}}"><div class="libre-tab-btn libre-tab-btn-active" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목1}}}</div>{{#if:{{{제목2|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목2}}}</div>}}{{#if:{{{제목3|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목3}}}</div>}}{{#if:{{{제목4|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목4}}}</div>}}{{#if:{{{제목5|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목5}}}</div>}}{{#if:{{{제목6|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목6}}}</div>}}{{#if:{{{제목7|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목7}}}</div>}}{{#if:{{{제목8|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목8}}}</div>}}{{#if:{{{제목9|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목9}}}</div>}}{{#if:{{{제목10|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목10}}}</div>}}{{#if:{{{제목11|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목11}}}</div>}}{{#if:{{{제목12|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목12}}}</div>}}{{#if:{{{제목13|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목13}}}</div>}}{{#if:{{{제목14|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목14}}}</div>}}{{#if:{{{제목15|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목15}}}</div>}}{{#if:{{{제목16|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목16}}}</div>}}{{#if:{{{제목17|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목17}}}</div>}}{{#if:{{{제목18|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목18}}}</div>}}{{#if:{{{제목19|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목19}}}</div>}}{{#if:{{{제목20|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목20}}}</div>}}{{#if:{{{제목21|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목21}}}</div>}}{{#if:{{{제목22|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목22}}}</div>}}{{#if:{{{제목23|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목23}}}</div>}}{{#if:{{{제목24|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목24}}}</div>}}{{#if:{{{제목25|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목25}}}</div>}}{{#if:{{{제목26|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목26}}}</div>}}{{#if:{{{제목27|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목27}}}</div>}}{{#if:{{{제목28|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목28}}}</div>}}{{#if:{{{제목29|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목29}}}</div>}}{{#if:{{{제목30|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목30}}}</div>}}</div> | <div class="libre-tab-btns" style="{{#if:{{{버튼여백좁게|}}}|margin: 0 auto !important;}}"><div class="libre-tab-btn libre-tab-btn-active" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목1}}}</div>{{#if:{{{제목2|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목2}}}</div>}}{{#if:{{{제목3|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목3}}}</div>}}{{#if:{{{제목4|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목4}}}</div>}}{{#if:{{{제목5|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목5}}}</div>}}{{#if:{{{제목6|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목6}}}</div>}}{{#if:{{{제목7|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목7}}}</div>}}{{#if:{{{제목8|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목8}}}</div>}}{{#if:{{{제목9|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목9}}}</div>}}{{#if:{{{제목10|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목10}}}</div>}}{{#if:{{{제목11|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목11}}}</div>}}{{#if:{{{제목12|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목12}}}</div>}}{{#if:{{{제목13|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목13}}}</div>}}{{#if:{{{제목14|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목14}}}</div>}}{{#if:{{{제목15|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목15}}}</div>}}{{#if:{{{제목16|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목16}}}</div>}}{{#if:{{{제목17|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목17}}}</div>}}{{#if:{{{제목18|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목18}}}</div>}}{{#if:{{{제목19|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목19}}}</div>}}{{#if:{{{제목20|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목20}}}</div>}}{{#if:{{{제목21|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목21}}}</div>}}{{#if:{{{제목22|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목22}}}</div>}}{{#if:{{{제목23|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목23}}}</div>}}{{#if:{{{제목24|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목24}}}</div>}}{{#if:{{{제목25|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목25}}}</div>}}{{#if:{{{제목26|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목26}}}</div>}}{{#if:{{{제목27|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목27}}}</div>}}{{#if:{{{제목28|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목28}}}</div>}}{{#if:{{{제목29|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목29}}}</div>}}{{#if:{{{제목30|}}}|<div class="libre-tab-btn" {{#if:{{{제목너비고정| }}}|style='width:{{{제목너비고정}}}'}}>{{{제목30}}}</div>}}</div> | ||
<div class="libre-tab-main" style="{{#if:{{{여백 사용자지정|}}}|padding:{{{여백 사용자지정|}}}|{{#if:{{{여백좁게|}}}|padding:0.5rem}}}}"> | <div class="libre-tab-main" style="{{#if:{{{여백 사용자지정|}}}|padding:{{{여백 사용자지정|}}}|{{#if:{{{여백좁게|}}}|padding:0.5rem}}}}"> | ||
92번째 줄: | 92번째 줄: | ||
{{{내용30}}}<!-- | {{{내용30}}}<!-- | ||
--></div>}} | --></div>}} | ||
</div> | |||
</div> | </div> | ||
</div></includeonly></onlyinclude> | </div></includeonly></onlyinclude> | ||
{{설명문서}} | {{설명문서}} |
2022년 7월 26일 (화) 17:24 판
탭을 만드는 틀입니다.
사용법
{{탭 |제목1 = |내용1 = |제목2 = |내용2 = |제목3 = |내용3 = · · · |제목30 = |내용30 = }}
1
2
3
30
1
2
3
30
- 추가 기능
{{탭 |style = |버튼여백좁게 = <!-- 이 변수를 입력할 경우 탭 버튼 여백이 줄어듦--> |제목너비고정 = <!-- **%로 입력, 한 줄당 탭 버튼 수를 강제로 고정하기 위해 사용함--> |여백좁게 = <!-- 이 변수를 입력할 경우 여백이 1.5 rem에서 0.5 rem으로 줄어듦--> |여백 사용자지정 = <!-- 단위 (em, rem 등)를 포함해 입력--> |제목1 = |내용1 = |제목2 = |내용2 = |제목3 = |내용3 = · · · |제목30 = |내용30 = }}
틀 데이터
틀 데이터
탭을 표시하는 틀입니다.
|