Help:ダイナミック・ナビゲーション・ボックス

これはこのページの過去の版です。ネイ (会話 | 投稿記録) による 2021年9月27日 (月) 12:15個人設定で未設定ならUTC)時点の版 (Template:Hiddenは現在ではダイナミック・ナビゲーション・ボックスを使用しません)であり、現在の版とは大きく異なる場合があります。

ウィキペディア日本語版ヘルプページです。


ダイナミック・ナビゲーション・ボックスDynamic Navigation Boxes)について説明します。ナビゲーションボックスの内容の表示/非表示を切り替えできるように、JavaScriptスタイルシートによって実現したものです。

使用方法

divタグを使うことで実現できます。divタグのクラスにNavFrameNavHeadNavContentを入れるだけです。

サンプル例(divタグ)

<div class="NavFrame" style="width:70%;">
  <div class="NavHead">[..タイトル..]</div>
  <div class="NavContent">
    [... ここに折り畳み機能を使いたい部分の内容を入れる ...]
  </div>
</div>

サンプル例(divタグHead・Content左寄せ)

<div class="NavFrame">
  <div class="NavHead" style="text-align:left">[..タイトル..]</div>
  <div class="NavContent" style="text-align:left">
    [... ここに折り畳み機能を使いたい部分の内容を入れる ...]
  </div>
</div>

クラス混在の例

<div class="messagebox standard-talk NavFrame">
  <div class="somerandomclass NavHead">[..タイトル..]</div>
  <div class="NavContent anotherclass">
    [... ここに折り畳み機能を使いたい部分の内容を入れる ...]
  </div>
</div>

関連項目