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

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


ダイナミック・ナビゲーション・ボックス (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>

関連項目編集