리브레위키>Pika 편집 요약 없음 |
m (판 48개를 가져왔습니다: 리브레위키에서 가져옴) |
||
(사용자 5명의 중간 판 10개는 보이지 않습니다) | |||
1번째 줄: | 1번째 줄: | ||
<onlyinclude><templatestyles src="틀:탭/styles.css" /><div class="libre" style="padding: 0em;"><div 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"><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}}}}"> | ||
<div class="libre-tab-main-content libre-tab-main-content-active"> | <div class="libre-tab-main-content libre-tab-main-content-active"> | ||
94번째 줄: | 94번째 줄: | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div></includeonly></onlyinclude> | ||
{{ | {{설명문서}} |
2022년 10월 28일 (금) 10:12 기준 최신판
탭을 만드는 틀입니다.
사용법[원본 편집]
{{탭 |제목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 = }}
틀 데이터[원본 편집]
틀 데이터
탭을 표시하는 틀입니다.
|