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

2013年12月14日 (土) 15:27時点における版

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

使い方

{{折り畳みボックス
| タイトル = 
| 初期状態 = 
| class = 
| style = 
| 項目1 = 
| 項目1class = 
| 項目1style = 
| 内容1 = 
| 項目2 = 
| 項目2class = 
| 項目2style = 
| 内容2 = 
  ...
}}

タイトル: このテキストは折り畳み時にも常に表示されるテキストになります。

初期状態

折り畳みの初期状態を指定します。

「collapsed」、もしくは指定なし - 折り畳んで表示します。
「plain」 - 折り畳みボタンのない通常のテーブル・ボックスを表示します。
それ以外の値 - 展開した状態で表示します。明確にするために「uncollapsed」を推奨します。

class: タイトル要素のclass属性を指定します。

style: タイトル要素のstyle属性を指定します。

項目1、項目2、 ...: 折り畳み要素の項目名。省略された場合は、内容のみ表示します。

項目1class、項目2class、 ...: 項目のclass属性を指定します。

項目1style、項目2style、 ...: 項目のstyle属性を指定します。

内容1、内容2、 ...: 折り畳み要素の内容。

項目数

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

使用例

ソース

結果（リセット）

<table class="navigation-box" style="clear:both;width:100%;border:1px solid #aaa;margin-top:-1px;font-size:90%;">
  <tr>
    <td>{{折り畳みボックス
    | タイトル = タイトル
    | 初期状態 = uncollapsed
    | class = bgcolor bgcolor-AKB
    | 項目1 = 項目1
    | 項目1class = bgcolor bgcolor-A
    | 内容1 = 内容1 &#124; ...
    | 項目2 = 項目2
    | 項目2class = bgcolor bgcolor-K
    | 内容2 = 内容2 &#124; ...
    | 項目3 = 項目3
    | 項目3class = bgcolor bgcolor-B
    | 内容3 = 内容3 &#124; ...
    | 内容4 = {{折り畳みボックス
      | タイトル = 小タイトル
      | 項目1 = 項目1
      | 内容1 = 内容1
      }}
    }}</td>
  </tr>
</table>

@@ 7行目: / 7行目: @@
 | タイトル =
 | 初期状態 =
+| class =
 | style =
 | 項目1 =
+| 項目1class =
 | 項目1style =
 | 内容1 =
 | 項目2 =
+| 項目2class =
 | 項目2style =
 | 内容2 =
@@ 22行目: / 25行目: @@
 ;初期状態
-:折り畳みの初期状態を指定します。「collapsed」が指定されるかパラメータが無い場合は、折り畳まれて表示されます。「collapsed」以外の値が指定された場合は、展開された状態で表示されます。
+:折り畳みの初期状態を指定します。
+:*「collapsed」、もしくは指定なし - 折り畳んで表示します。
+:*「plain」 - 折り畳みボタンのない通常のテーブル・ボックスを表示します。
+:* それ以外の値 - 展開した状態で表示します。明確にするために「uncollapsed」を推奨します。
+;class
+:タイトル要素のclass属性を指定します。
+;style
+:タイトル要素のstyle属性を指定します。
 ;項目1、項目2、 ...
 :折り畳み要素の項目名。省略された場合は、内容のみ表示します。
+;項目1class、項目2class、 ...
+:項目のclass属性を指定します。
 ;項目1style、項目2style、 ...
@@ 50行目: / 65行目: @@
      | タイトル = タイトル
      | 初期状態 = uncollapsed
-     | style = background-color:{{!tc|AKB48}};color:#fff;
+     | class = bgcolor bgcolor-AKB
      | 項目1 = 項目1
-     | 項目1style = background-color:{{!tc|A}};color:#fff;
+     | 項目1class = bgcolor bgcolor-A
      | 内容1 = 内容1 &amp;#124; ...
      | 項目2 = 項目2
-     | 項目2style = background-color:{{!tc|K}};color:#fff;
+     | 項目2class = bgcolor bgcolor-K
      | 内容2 = 内容2 &amp;#124; ...
      | 項目3 = 項目3
-     | 項目3style = background-color:{{!tc|B}};color:#fff;
+     | 項目3class = bgcolor bgcolor-B
      | 内容3 = 内容3 &amp;#124; ...
      | 内容4 = {{折り畳みボックス
@@ 75行目: / 90行目: @@
      | タイトル = タイトル
      | 初期状態 = uncollapsed
-     | style = background-color:{{!tc|AKB48}};color:#fff;
+     | class = bgcolor bgcolor-AKB
      | 項目1 = 項目1
-     | 項目1style = background-color:{{!tc|A}};color:#fff;
+     | 項目1class = bgcolor bgcolor-A
      | 内容1 = 内容1 &#124; ...
      | 項目2 = 項目2
-     | 項目2style = background-color:{{!tc|K}};color:#fff;
+     | 項目2class = bgcolor bgcolor-K
      | 内容2 = 内容2 &#124; ...
      | 項目3 = 項目3
-     | 項目3style = background-color:{{!tc|B}};color:#fff;
+     | 項目3class = bgcolor bgcolor-B
      | 内容3 = 内容3 &#124; ...
      | 内容4 = {{折り畳みボックス
@@ 96行目: / 111行目: @@
 </tr>
 </table>
-</noinclude><includeonly><table class="mw-collapsible {{#ifeq: {{{初期状態|collapsed}}} | collapsed | mw-collapsed }}" cellspacing="0" style="width:100%;" data-expandtext="表示" data-collapsetext="隠す">
+</noinclude><includeonly><table class="{{#ifeq: {{{初期状態|}}} | plain || mw-collapsible }} {{#ifeq: {{{初期状態|collapsed}}} | collapsed | mw-collapsed }}" cellspacing="0" style="width:100%;" data-expandtext="表示" data-collapsetext="隠す">
-   <tr><th colspan="2" style="text-align:center;{{{style|background-color:#ddd;color:#333;}}}">{{{タイトル|&nbsp;}}}</th></tr><!--
+   <tr><td colspan="2" class="navbox-title {{{class|}}}" style="{{{style|}}}">{{{タイトル|&nbsp;}}}</td></tr><!--
   -->{{#if: {{{内容1|}}}
-     | <tr style="height:2px"><td></td></tr><tr>{{#if: {{{項目1|}}} | <th style="padding:1px 10px;white-space:nowrap;text-align:center;{{{項目1style|background-color:#ddd;color:#333;}}}">{{{項目1}}}</th><td style="width:100%;padding:0 5px;text-align:left;"> | <td colspan="2" style="width:100%;padding:0;text-align:left;"> }}{{{内容1}}}</td></tr>
+     | <tr style="height:2px"><td></td></tr><tr>{{#if: {{{項目1|}}} | <td class="navbox-group {{{項目1class|}}}" style="{{{項目1style|}}}">{{{項目1}}}</td><td class="navbox-list" style="width:100%;padding:0 5px;"> | <td class="navbox-list" 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;text-align:center;{{{項目2style|background-color:#ddd;color:#333;}}}">{{{項目2}}}</th><td style="width:100%;padding:0 5px;text-align:left;"> | <td colspan="2" style="width:100%;padding:0;text-align:left;"> }}{{{内容2}}}</td></tr>
+     | <tr style="height:2px"><td></td></tr><tr>{{#if: {{{項目2|}}} | <td class="navbox-group {{{項目2class|}}}" style="{{{項目2style|}}}">{{{項目2}}}</td><td class="navbox-list" style="width:100%;padding:0 5px;"> | <td class="navbox-list" 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;text-align:center;{{{項目3style|background-color:#ddd;color:#333;}}}">{{{項目3}}}</th><td style="width:100%;padding:0 5px;text-align:left;"> | <td colspan="2" style="width:100%;padding:0;text-align:left;"> }}{{{内容3}}}</td></tr>
+     | <tr style="height:2px"><td></td></tr><tr>{{#if: {{{項目3|}}} | <td class="navbox-group {{{項目3class|}}}" style="{{{項目3style|}}}">{{{項目3}}}</td><td class="navbox-list" style="width:100%;padding:0 5px;"> | <td class="navbox-list" 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;text-align:center;{{{項目4style|background-color:#ddd;color:#333;}}}">{{{項目4}}}</th><td style="width:100%;padding:0 5px;text-align:left;"> | <td colspan="2" style="width:100%;padding:0;text-align:left;"> }}{{{内容4}}}</td></tr>
+     | <tr style="height:2px"><td></td></tr><tr>{{#if: {{{項目4|}}} | <td class="navbox-group {{{項目4class|}}}" style="{{{項目4style|}}}">{{{項目4}}}</td><td class="navbox-list" style="width:100%;padding:0 5px;"> | <td class="navbox-list" 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;text-align:center;{{{項目5style|background-color:#ddd;color:#333;}}}">{{{項目5}}}</th><td style="width:100%;padding:0 5px;text-align:left;"> | <td colspan="2" style="width:100%;padding:0;text-align:left;"> }}{{{内容5}}}</td></tr>
+     | <tr style="height:2px"><td></td></tr><tr>{{#if: {{{項目5|}}} | <td class="navbox-group {{{項目5class|}}}" style="{{{項目5style|}}}">{{{項目5}}}</td><td class="navbox-list" style="width:100%;padding:0 5px;"> | <td class="navbox-list" 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;text-align:center;{{{項目6style|background-color:#ddd;color:#333;}}}">{{{項目6}}}</th><td style="width:100%;padding:0 5px;text-align:left;"> | <td colspan="2" style="width:100%;padding:0;text-align:left;"> }}{{{内容6}}}</td></tr>
+     | <tr style="height:2px"><td></td></tr><tr>{{#if: {{{項目6|}}} | <td class="navbox-group {{{項目6class|}}}" style="{{{項目6style|}}}">{{{項目6}}}</td><td class="navbox-list" style="width:100%;padding:0 5px;"> | <td class="navbox-list" 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;text-align:center;{{{項目7style|background-color:#ddd;color:#333;}}}">{{{項目7}}}</th><td style="width:100%;padding:0 5px;text-align:left;"> | <td colspan="2" style="width:100%;padding:0;text-align:left;"> }}{{{内容7}}}</td></tr>
+     | <tr style="height:2px"><td></td></tr><tr>{{#if: {{{項目7|}}} | <td class="navbox-group {{{項目7class|}}}" style="{{{項目7style|}}}">{{{項目7}}}</td><td class="navbox-list" style="width:100%;padding:0 5px;"> | <td class="navbox-list" 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;text-align:center;{{{項目8style|background-color:#ddd;color:#333;}}}">{{{項目8}}}</th><td style="width:100%;padding:0 5px;text-align:left;"> | <td colspan="2" style="width:100%;padding:0;text-align:left;"> }}{{{内容8}}}</td></tr>
+     | <tr style="height:2px"><td></td></tr><tr>{{#if: {{{項目8|}}} | <td class="navbox-group {{{項目8class|}}}" style="{{{項目8style|}}}">{{{項目8}}}</td><td class="navbox-list" style="width:100%;padding:0 5px;"> | <td class="navbox-list" colspan="2" style="width:100%;padding:0;"> }}{{{内容8}}}</td></tr>
      }}
 </table></includeonly>

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

2013年12月14日 (土) 15:27時点における版

使い方

項目数

使用例

案内メニュー

検索