「テンプレート:タブ」の版間の差分
ナビゲーションに移動
検索に移動
(タブを作成するテンプレート) |
細 (カテゴリ:メタテンプレート、指定可能タブ数を8から10に変更) |
||
(2人の利用者による、間の4版が非表示) | |||
1行目: | 1行目: | ||
<noinclude> | <noinclude> | ||
このテンプレートは、タブで表示を切り替える要素を作成します。 | |||
== 使い方 == | == 使い方 == | ||
<pre> | <pre> | ||
8行目: | 10行目: | ||
| タブ2 = | | タブ2 = | ||
| 内容2 = | | 内容2 = | ||
... | |||
}} | }} | ||
</pre> | </pre> | ||
</noinclude><includeonly><div class="tab-list"><ul> | |||
{{#if: {{{タブ1|}}} | <li data-tab="1" class="{{#ifeq: {{{current | [[カテゴリ:メタテンプレート|たふ]] | ||
{{#if: {{{タブ2|}}} | <li data-tab="2" class="{{#ifeq: {{{current | </noinclude><includeonly><div class="tab-list"><ul>{{#if: {{{タブ1|}}} | ||
{{#if: {{{タブ3|}}} | <li data-tab="3" class="{{#ifeq: {{{current | | <li data-tab="1" class="{{#ifeq: {{{current}}} | 1 | current-tab }}">{{{タブ1}}}</li> }}{{#if: {{{タブ2|}}} | ||
{{#if: {{{タブ4|}}} | <li data-tab="4" class="{{#ifeq: {{{current | | <li data-tab="2" class="{{#ifeq: {{{current}}} | 2 | current-tab }}">{{{タブ2}}}</li> }}{{#if: {{{タブ3|}}} | ||
{{#if: {{{タブ5|}}} | <li data-tab="5" class="{{#ifeq: {{{current | | <li data-tab="3" class="{{#ifeq: {{{current}}} | 3 | current-tab }}">{{{タブ3}}}</li> }}{{#if: {{{タブ4|}}} | ||
</ul></div> | | <li data-tab="4" class="{{#ifeq: {{{current}}} | 4 | current-tab }}">{{{タブ4}}}</li> }}{{#if: {{{タブ5|}}} | ||
<div class="tab-content" style="{{#ifeq: {{{current | | <li data-tab="5" class="{{#ifeq: {{{current}}} | 5 | current-tab }}">{{{タブ5}}}</li> }}{{#if: {{{タブ6|}}} | ||
<div class="tab-content" style="{{#ifeq: {{{current | | <li data-tab="6" class="{{#ifeq: {{{current}}} | 6 | current-tab }}">{{{タブ6}}}</li> }}{{#if: {{{タブ7|}}} | ||
<div class="tab-content" style="{{#ifeq: {{{current | | <li data-tab="7" class="{{#ifeq: {{{current}}} | 7 | current-tab }}">{{{タブ7}}}</li> }}{{#if: {{{タブ8|}}} | ||
<div class="tab-content" style="{{#ifeq: {{{current | | <li data-tab="8" class="{{#ifeq: {{{current}}} | 8 | current-tab }}">{{{タブ8}}}</li> }}{{#if: {{{タブ9|}}} | ||
<div class="tab-content" style="{{#ifeq: {{{current | | <li data-tab="9" class="{{#ifeq: {{{current}}} | 9 | current-tab }}">{{{タブ9}}}</li> }}{{#if: {{{タブ10|}}} | ||
</includeonly> | | <li data-tab="10" class="{{#ifeq: {{{current}}} | 10 | current-tab }}">{{{タブ10}}}</li> }}</ul></div> | ||
<div class="tab-content" style="{{#ifeq: {{{current}}} | 1 || display:none; }}"><div>{{{内容1|}}}</div></div> | |||
<div class="tab-content" style="{{#ifeq: {{{current}}} | 2 || display:none; }}"><div>{{{内容2|}}}</div></div> | |||
<div class="tab-content" style="{{#ifeq: {{{current}}} | 3 || display:none; }}"><div>{{{内容3|}}}</div></div> | |||
<div class="tab-content" style="{{#ifeq: {{{current}}} | 4 || display:none; }}"><div>{{{内容4|}}}</div></div> | |||
<div class="tab-content" style="{{#ifeq: {{{current}}} | 5 || display:none; }}"><div>{{{内容5|}}}</div></div> | |||
<div class="tab-content" style="{{#ifeq: {{{current}}} | 6 || display:none; }}"><div>{{{内容6|}}}</div></div> | |||
<div class="tab-content" style="{{#ifeq: {{{current}}} | 7 || display:none; }}"><div>{{{内容7|}}}</div></div> | |||
<div class="tab-content" style="{{#ifeq: {{{current}}} | 8 || display:none; }}"><div>{{{内容8|}}}</div></div> | |||
<div class="tab-content" style="{{#ifeq: {{{current}}} | 9 || display:none; }}"><div>{{{内容9|}}}</div></div> | |||
<div class="tab-content" style="{{#ifeq: {{{current}}} | 10 || display:none; }}"><div>{{{内容10|}}}</div></div></includeonly> |
2016年5月6日 (金) 20:17時点における版
このテンプレートは、タブで表示を切り替える要素を作成します。
使い方
{{タブ | current = 1 | タブ1 = | 内容1 = | タブ2 = | 内容2 = ... }}