「テンプレート:折り畳みボックス」の版間の差分

提供：エケペディア
ナビゲーションに移動 検索に移動
ビジュアルウィキテキスト
編集の要約なし
(開閉をWikipedia式に変更)
1行目: 1行目:
<includeonly><div class="mw-collapsible {{#ifeq: {{{初期状態|collapsed}}} | collapsed | mw-collapsed }}" style="width:100%;">
<noinclude>
  <table class="mw-collapsible-toggle" cellspacing="0" style="float:none;width:100%;">
    <tr><th style="cursor:pointer;{{{style|background-color:#ddd;color:#333;}}}">{{{タイトル|&nbsp;}}}</th></tr>
  </table>
  <table class="mw-collapsible-content" cellspacing="0" style="width:100%;"><!--
-->{{#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|}}}
    | <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|}}}
    | <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|}}}
    | <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|}}}
    | <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|}}}
    | <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>
</div></includeonly><noinclude>
このテンプレートは、折り畳み可能なボックスを表示します。
このテンプレートは、折り畳み可能なボックスを表示します。


43行目: 19行目:


;タイトル
;タイトル
:このテキストは常に表示され、折り畳みを切り替えるボタンになります。
:このテキストは折り畳み時にも常に表示されるテキストになります。


;初期状態
;初期状態
56行目: 32行目:
;内容1、内容2、 ...
;内容1、内容2、 ...
:折り畳み要素の内容。
:折り畳み要素の内容。
== 項目数 ==
「項目8」「内容8」まで指定できます。<br>
必要であれば、テンプレートを編集して項目数を増やす事もできます。


== 使用例 ==
== 使用例 ==
65行目: 45行目:
<tr>
<tr>
<td><pre style="border:0;">
<td><pre style="border:0;">
<table style="clear:both;width:100%;border:1px solid #aaa;margin-top:-1px;">
<table style="clear:both;width:100%;border:1px solid #aaa;
  margin-top:-1px;font-size:90%;">
   <tr>
   <tr>
     <td style="padding:0;">{{折り畳みボックス
     <td>{{折り畳みボックス
     | タイトル = タイトル
     | タイトル = タイトル
     | 初期状態 = uncollapsed
     | 初期状態 = uncollapsed
90行目: 71行目:
</pre></td>
</pre></td>
<td style="min-width:300px">
<td style="min-width:300px">
<table style="clear:both;width:100%;border:1px solid #aaa;margin-top:-1px;">
<table style="clear:both;width:100%;border:1px solid #aaa;margin-top:-1px;font-size:90%;">
   <tr>
   <tr>
     <td style="padding:0;">{{折り畳みボックス
     <td>{{折り畳みボックス
     | タイトル = タイトル
     | タイトル = タイトル
     | 初期状態 = uncollapsed
     | 初期状態 = uncollapsed
116行目: 97行目:
</tr>
</tr>
</table>
</table>
</noinclude>
</noinclude><includeonly><table class="mw-collapsible {{#ifeq: {{{初期状態|collapsed}}} | collapsed | mw-collapsed }}" cellspacing="0" style="width:100%;" data-expandtext="表示" data-collapsetext="隠す">
  <tr><th colspan="2" style="{{{style|background-color:#ddd;color:#333;}}}">{{{タイトル|&nbsp;}}}</th></tr><!--
-->{{#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|}}}
    | <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|}}}
    | <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|}}}
    | <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|}}}
    | <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|}}}
    | <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>
    }}<!--
-->{{#if: {{{内容7|}}}
    | <tr style="height:2px"><td></td></tr><tr>{{#if: {{{項目7|}}} | <th style="padding:1px 10px;white-space:nowrap;{{{項目7style|background-color:#ddd;color:#333;}}}">{{{項目7}}}</th><td style="width:100%;padding:0 5px;"> | <td colspan="2" style="width:100%;padding:0;"> }}{{{内容7}}}</td></tr>
    }}<!--
-->{{#if: {{{内容8|}}}
    | <tr style="height:2px"><td></td></tr><tr>{{#if: {{{項目8|}}} | <th style="padding:1px 10px;white-space:nowrap;{{{項目8style|background-color:#ddd;color:#333;}}}">{{{項目8}}}</th><td style="width:100%;padding:0 5px;"> | <td colspan="2" style="width:100%;padding:0;"> }}{{{内容8}}}</td></tr>
    }}
</table></includeonly>

2013年9月24日 (火) 21:01時点における版

このテンプレートは、折り畳み可能なボックスを表示します。

使い方

{{折り畳みボックス
| タイトル = 
| 初期状態 = 
| style = 
| 項目1 =
| 項目1style =
| 内容1 =
| 項目2 =
| 項目2style =
| 内容2 =
  ...
}}
タイトル
このテキストは折り畳み時にも常に表示されるテキストになります。
初期状態
折り畳みの初期状態を指定します。「collapsed」以外の値が指定されると、展開された状態で表示されます。パラメータが無い場合は、折り畳まれて表示されます。
項目1、項目2、 ...
折り畳み要素の項目名。省略された場合は、内容のみ表示します。
項目1style、項目2style、 ...
項目のstyle属性を指定します。
内容1、内容2、 ...
折り畳み要素の内容。

項目数

「項目8」「内容8」まで指定できます。
必要であれば、テンプレートを編集して項目数を増やす事もできます。

使用例

ソース 結果（リセット） 
<table style="clear:both;width:100%;border:1px solid #aaa;
  margin-top:-1px;font-size:90%;">
  <tr>
    <td>{{折り畳みボックス
    | タイトル = タイトル
    | 初期状態 = uncollapsed
    | style = background-color:{{!tc|AKB48}};color:#fff;
    | 項目1 = 項目1
    | 項目1style = background-color:{{!tc|A}};color:#fff;
    | 内容1 = 内容1 &#124; ...
    | 項目2 = 項目2
    | 項目2style = background-color:{{!tc|K}};color:#fff;
    | 内容2 = 内容2 &#124; ...
    | 項目3 = 項目3
    | 項目3style = background-color:{{!tc|B}};color:#fff;
    | 内容3 = 内容3 &#124; ...
    | 内容4 = {{折り畳みボックス
      | タイトル = 小タイトル
      | 項目1 = 項目1
      | 内容1 = 内容1
      }}
    }}</td>
  </tr>
</table>
タイトル
項目1内容1 | ...
項目2内容2 | ...
項目3内容3 | ...
小タイトル
項目1内容1
「https://48pedia.org/index.php?title=テンプレート:折り畳みボックス&oldid=6173」から取得