「テンプレート:折り畳みボックス」の版間の差分
ナビゲーションに移動
検索に移動
(ページの作成:「<includeonly><div class="mw-collapsible mw-collapsed" style="width:100%;"> <table class="mw-collapsible-toggle" cellspacing="0" style="float:none;width:100%;"> <tr>...」) |
編集の要約なし |
||
1行目: | 1行目: | ||
<includeonly><div class="mw-collapsible mw-collapsed" style="width:100%;"> | <includeonly><div class="mw-collapsible {{#ifeq: {{{初期状態|collapsed}}} | collapsed | mw-collapsed }}" style="width:100%;"> | ||
<table class="mw-collapsible-toggle" cellspacing="0" style="float:none;width:100%;"> | <table class="mw-collapsible-toggle" cellspacing="0" style="float:none;width:100%;"> | ||
<tr><th style="cursor:pointer;{{{style|background-color:#ddd;color:#333;}}}">{{{タイトル| }}}</th></tr> | <tr><th style="cursor:pointer;{{{style|background-color:#ddd;color:#333;}}}">{{{タイトル| }}}</th></tr> | ||
</table> | </table> | ||
<table class="mw-collapsible-content" cellspacing="0" style=" | <table class="mw-collapsible-content" cellspacing="0" style="width:100%;"><!-- | ||
-->{{#if: {{{内容1|}}} | -->{{#if: {{{内容1|}}} | ||
| <tr style="height:2px"><td></td></tr><tr>{{#if: {{{項目1|}}} | <th style="padding:1px 10px;white-space:nowrap;{{{項目1style|background-color:#ddd;color:#333;}}}">{{{項目1}}}</th><td style="width:100%;padding:0 5px;"> | <td colspan="2" style="width:100%;padding:0;"> }}{{{内容1}}}</td></tr> | |||
}}<!-- | }}<!-- | ||
-->{{#if: {{{内容2|}}} | -->{{#if: {{{内容2|}}} | ||
| <tr style="height:2px"><td></td></tr><tr>{{#if: {{{項目2|}}} | <th style="padding:1px 10px;white-space:nowrap;{{{項目2style|background-color:#ddd;color:#333;}}}">{{{項目2}}}</th><td style="width:100%;padding:0 5px;"> | <td colspan="2" style="width:100%;padding:0;"> }}{{{内容2}}}</td></tr> | |||
}}<!-- | }}<!-- | ||
-->{{#if: {{{内容3|}}} | -->{{#if: {{{内容3|}}} | ||
| <tr style="height:2px"><td></td></tr><tr>{{#if: {{{項目3|}}} | <th style="padding:1px 10px;white-space:nowrap;{{{項目3style|background-color:#ddd;color:#333;}}}">{{{項目3}}}</th><td style="width:100%;padding:0 5px;"> | <td colspan="2" style="width:100%;padding:0;"> }}{{{内容3}}}</td></tr> | |||
}}<!-- | }}<!-- | ||
-->{{#if: {{{内容4|}}} | -->{{#if: {{{内容4|}}} | ||
| <tr style="height:2px"><td></td></tr><tr>{{#if: {{{項目4|}}} | <th style="padding:1px 10px;white-space:nowrap;{{{項目4style|background-color:#ddd;color:#333;}}}">{{{項目4}}}</th><td style="width:100%;padding:0 5px;"> | <td colspan="2" style="width:100%;padding:0;"> }}{{{内容4}}}</td></tr> | |||
}}<!-- | }}<!-- | ||
-->{{#if: {{{内容5|}}} | -->{{#if: {{{内容5|}}} | ||
| <tr style="height:2px"><td></td></tr><tr>{{#if: {{{項目5|}}} | <th style="padding:1px 10px;white-space:nowrap;{{{項目5style|background-color:#ddd;color:#333;}}}">{{{項目5}}}</th><td style="width:100%;padding:0 5px;"> | <td colspan="2" style="width:100%;padding:0;"> }}{{{内容5}}}</td></tr> | |||
}}<!-- | }}<!-- | ||
-->{{#if: {{{内容6|}}} | -->{{#if: {{{内容6|}}} | ||
| <tr style="height:2px"><td></td></tr><tr>{{#if: {{{項目6|}}} | <th style="padding:1px 10px;white-space:nowrap;{{{項目6style|background-color:#ddd;color:#333;}}}">{{{項目6}}}</th><td style="width:100%;padding:0 5px;"> | <td colspan="2" style="width:100%;padding:0;"> }}{{{内容6}}}</td></tr> | |||
}} | }} | ||
</table> | </table> | ||
30行目: | 30行目: | ||
{{折り畳みボックス | {{折り畳みボックス | ||
| タイトル = | | タイトル = | ||
| 初期状態 = | |||
| style = | | style = | ||
| 項目1 = | | 項目1 = | ||
37行目: | 38行目: | ||
| 項目2style = | | 項目2style = | ||
| 内容2 = | | 内容2 = | ||
... | |||
}} | }} | ||
</pre> | </pre> | ||
42行目: | 44行目: | ||
;タイトル | ;タイトル | ||
:このテキストは常に表示され、折り畳みを切り替えるボタンになります。 | :このテキストは常に表示され、折り畳みを切り替えるボタンになります。 | ||
;初期状態 | |||
:折り畳みの初期状態を指定します。「collapsed」以外の値が指定されると、展開された状態で表示されます。パラメータが無い場合は、折り畳まれて表示されます。 | |||
;項目1、項目2、 ... | ;項目1、項目2、 ... | ||
64行目: | 69行目: | ||
<td style="padding:0;">{{折り畳みボックス | <td style="padding:0;">{{折り畳みボックス | ||
| タイトル = タイトル | | タイトル = タイトル | ||
| style = background-color:{{ | | 初期状態 = uncollapsed | ||
| style = background-color:{{!tc|AKB48}};color:#fff; | |||
| 項目1 = 項目1 | | 項目1 = 項目1 | ||
| 項目1style = background-color:{{ | | 項目1style = background-color:{{!tc|A}};color:#fff; | ||
| 内容1 = 内容1 &#124; ... | | 内容1 = 内容1 &#124; ... | ||
| 項目2 = 項目2 | | 項目2 = 項目2 | ||
| 項目2style = background-color:{{ | | 項目2style = background-color:{{!tc|K}};color:#fff; | ||
| 内容2 = 内容2 &#124; ... | | 内容2 = 内容2 &#124; ... | ||
| 項目3 = 項目3 | | 項目3 = 項目3 | ||
| 項目3style = background-color:{{ | | 項目3style = background-color:{{!tc|B}};color:#fff; | ||
| 内容3 = 内容3 &#124; ... | | 内容3 = 内容3 &#124; ... | ||
| 内容4 = {{折り畳みボックス | | 内容4 = {{折り畳みボックス | ||
| タイトル = 小タイトル | |||
| 項目1 = 項目1 | |||
| 内容1 = 内容1 | |||
}} | |||
}}</td> | }}</td> | ||
</tr> | </tr> | ||
88行目: | 94行目: | ||
<td style="padding:0;">{{折り畳みボックス | <td style="padding:0;">{{折り畳みボックス | ||
| タイトル = タイトル | | タイトル = タイトル | ||
| style = background-color:{{ | | 初期状態 = uncollapsed | ||
| style = background-color:{{!tc|AKB48}};color:#fff; | |||
| 項目1 = 項目1 | | 項目1 = 項目1 | ||
| 項目1style = background-color:{{ | | 項目1style = background-color:{{!tc|A}};color:#fff; | ||
| 内容1 = 内容1 | ... | | 内容1 = 内容1 | ... | ||
| 項目2 = 項目2 | | 項目2 = 項目2 | ||
| 項目2style = background-color:{{ | | 項目2style = background-color:{{!tc|K}};color:#fff; | ||
| 内容2 = 内容2 | ... | | 内容2 = 内容2 | ... | ||
| 項目3 = 項目3 | | 項目3 = 項目3 | ||
| 項目3style = background-color:{{ | | 項目3style = background-color:{{!tc|B}};color:#fff; | ||
| 内容3 = 内容3 | ... | | 内容3 = 内容3 | ... | ||
| 内容4 = {{折り畳みボックス | | 内容4 = {{折り畳みボックス | ||
| タイトル = 小タイトル | |||
| 項目1 = 項目1 | |||
| 内容1 = 内容1 | |||
}} | |||
}}</td> | }}</td> | ||
</tr> | </tr> |
2013年6月19日 (水) 20:32時点における版
このテンプレートは、折り畳み可能なボックスを表示します。
使い方
{{折り畳みボックス | タイトル = | 初期状態 = | style = | 項目1 = | 項目1style = | 内容1 = | 項目2 = | 項目2style = | 内容2 = ... }}
- タイトル
- このテキストは常に表示され、折り畳みを切り替えるボタンになります。
- 初期状態
- 折り畳みの初期状態を指定します。「collapsed」以外の値が指定されると、展開された状態で表示されます。パラメータが無い場合は、折り畳まれて表示されます。
- 項目1、項目2、 ...
- 折り畳み要素の項目名。省略された場合は、内容のみ表示します。
- 項目1style、項目2style、 ...
- 項目のstyle属性を指定します。
- 内容1、内容2、 ...
- 折り畳み要素の内容。
使用例
ソース | 結果(リセット) | ||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
<table style="clear:both;width:100%;border:1px solid #aaa;margin-top:-1px;"> <tr> <td style="padding:0;">{{折り畳みボックス | タイトル = タイトル | 初期状態 = uncollapsed | style = background-color:{{!tc|AKB48}};color:#fff; | 項目1 = 項目1 | 項目1style = background-color:{{!tc|A}};color:#fff; | 内容1 = 内容1 | ... | 項目2 = 項目2 | 項目2style = background-color:{{!tc|K}};color:#fff; | 内容2 = 内容2 | ... | 項目3 = 項目3 | 項目3style = background-color:{{!tc|B}};color:#fff; | 内容3 = 内容3 | ... | 内容4 = {{折り畳みボックス | タイトル = 小タイトル | 項目1 = 項目1 | 内容1 = 内容1 }} }}</td> </tr> </table> |
|