Uncyclopedia:NavFrameの使い方
[Uncyclopedia|▼Menu]
ユーモア欠落症患者のために、ウィキペディア専門家気取りたちが「Help:ダイナミック・ナビゲーション・ボックス」の項目を執筆しています。

このページでは、NavFrameつまりダイナミック・ナビゲーション・ボックス(Dynamic Navigation Boxes: 動的案内記事欄)について説明しています。

ダイナミック・ナビゲーション・ボックスは、折り畳みできるナビゲーションボックスをJavaScriptとスタイルシートで動作しています。
目次

1 使用方法

1.1 使用例


2 ブラウザの対応

3 関連リンク

使用方法

divタグを使うことで導入できます。divタグのクラスにNavFrame、NavHead、NavContentを入れるだけです。
使用例<div class="NavFrame"> <div class="NavHead">[... タイトル(表示ボタンが付く) ...]</div> <div class="NavContent"> [... 折り畳み機能を使いたい部分の内容 ...] </div></div> [... タイトル(表示ボタンが付く) ...]

[... 折り畳み機能を使いたい部分の内容 ...]

なお、入れ子にするときは最外縁のNavFrameを指定したdivタグにBoxmergeクラスを指定すると見栄えがよいかもしれません。<div class="NavFrame Boxmerge"> <div class="NavHead">Head 1</div> <div class="NavContent">Content 11 <div class="NavFrame"> <div class="NavHead">Head 11</div> <div class="NavContent">Content 111 <div class="NavFrame"> <div class="NavHead">Head 111</div> <div class="NavContent">Content 1111</div> <div class="NavContent">Content 1112</div> </div> </div> <div class="NavContent">Content 112</div> </div> <div class="NavFrame"> <div class="NavHead">Head 12</div> <div class="NavContent">Content 121</div> <div class="NavContent">Content 122</div> </div> </div></div> Head 1 Content 11 Head 11 Content 111 Head 111 Content 1111 Content 1112 Content 112 Head 12 Content 121 Content 122

指定しない場合は以下の通りです。<div class="NavFrame"> <div class="NavHead">Head 1</div> <div class="NavContent">Content 11 <div class="NavFrame"> <div class="NavHead">Head 11</div> <div class="NavContent">Content 111 <div class="NavFrame"> <div class="NavHead">Head 111</div> <div class="NavContent">Content 1111</div> <div class="NavContent">Content 1112</div> </div> </div> <div class="NavContent">Content 112</div> </div> <div class="NavFrame"> <div class="NavHead">Head 12</div> <div class="NavContent">Content 121</div> <div class="NavContent">Content 122</div> </div> </div></div> Head 1 Content 11 Head 11 Content 111 Head 111 Content 1111 Content 1112 Content 112 Head 12 Content 121 Content 122

枠が二重になってて気持ち悪い見た目ですが、階層関係はわかりやすいかもしれません。

また、入れ子にすると文字がどんどん小さくなります。
ブラウザの対応

JavaScriptとCSSを実装したブラウザでは、折り畳み機能を使うことができます。

JavaScriptが未実装あるいは無効化されている環境では、すべて展開された状態で表示されるのであまり深く考える必要はありません。が、ご利用は計画的に。
関連リンク

Uncyclopedia:CollapsibleDefinitionListsの使い方

Uncyclopedia:CollapsibleTablesの使い方

 ・ ⇒・ ⇒ 運営関連文書 閲覧するアンサイクロペディアについて - 初心者のためのガイドブック - アンポータル - アンサイクロペディアを探検するには? - アンサイクロペディアを紹介するには? - アンサイクロペディアを引用するには? - 検索 - ブラウザ検索 - ヘルプ目次 - 一覧の一覧の一覧 - シンプル英語版
参加する初めての方へ - 児童・生徒の方々へ - ヘルプデスク - サンドボックス - Babel - 利用者ページ用テンプレート - ユーザーボックス - 言語テンプレート - 利用者
執筆する編集の仕方 - 馬鹿にならずバカバカしくやる方法 - 馬鹿にならずにバカバカしくやる方法(画像編) - 編集の心得 - 創作の過程 - 記事作り方コンベンション - そおときいのきまり - カテゴライズとテンプレート - NavFrameの使い方
法律関係画像利用の方針 - 著作権 - 著作権について - フェアユース - 免責事項 - プライバシー・ポリシー
行動ルール煽りあいガイドライン - 悪意や害意で記事を作らない - アンサイクロペディアは何でないか - 日本中心にならないようにならないように -
メンテナンス管理 - 語録 - スタブ - バグの報告 - 執筆依頼 - 翻訳依頼 - 加筆依頼 - 画像提供依頼 - ショートカット(一覧) - 投票 - 投票の方針 - ルール作りの方法
メインページ関係秀逸な記事 - 秀逸な記事の選考 - 新着記事 - おすすめ記事 - 絵ごころ - 執筆コンテスト - メインページの一覧 - 季節の話題と画像 - 今日は何の日
管理者関係管理者 - 管理者立候補管理者不信任動議 - Oversight - ビューロクラット - Bot - 管理者用伝言板 - どうしようもない記事 - 削除の方針 - 即時削除 - 削除依頼の仕方 - 管理者の十戒 - 管理者の十戒 Ver.2
荒らし対策投稿ブロックの方針 - 投稿ブロック依頼 - 裁量ブロック - CU - 助役CU - CU依頼 - 保護の方針 - 版指定削除
コミュニティコミュニティ ・ ポータル - 雑居房 - お知らせ - ニンジャスター - 100の質問 - 4351 中毒ですかテスト - 秀逸なノート
ガイド 初心者のためのガイドブック - FAQ - AFAQ - 用語集 - サーバについて
その他寄付 - すべての人にユーモアの贈り物を - 削除された事実と退屈な文章 - アンサイクロペディアを情報源とするサイト - 個々のページの情報


更新日時:2017年10月13日(金)19:35
取得日時:2018/05/20 20:39


記事の検索
おまかせリスト
▼オプションを表示
ブックマーク登録
mixiチェック!
Twitterに投稿
オプション
Wikipediaで表示
話題のニュース
列車運行情報
暇つぶしUncyclopedia

Size:18 KB
出典: フリー誤報百科事典『アンサイクロペディア(Uncyclopedia)
担当:FIRTREE