跳去內容

Wikipedia:NavFrame

出自維基百科,自由嘅百科全書

有關動態導航盒嘅註解。

動態導航盒係結集咗CSS同埋JavaScript嘅技術去整一啲收得埋嘅導航盒。有關響技術上面嘅宣告方法,請睇響MediaWiki:Common.css上面完整嘅樣式表,同埋響MediaWiki:Common.js上面嘅JavaScript原始碼。

例子(撳"展開"或者"收埋"去睇睇一啲嘅好嘢):

User:Mzajac/Soviet-legacy AFV Navbox

點用

[編輯]
[編輯]

div,你可以差唔多收埋所有嘢。呢度有三種主要嘅classes:NavFrame, NavHead, NavContent

簡單嘅例子

[編輯]

你需要開三個div標籤:

<div class="NavFrame">
  <div class="NavHead">[... 呢個係你收埋啲嘢嘅標題 ...]</div>
  <div class="NavContent">
    [... 你要收埋嘅嘢會響呢度 ...]
  </div>
</div>

混合class例子

[編輯]

如果你唔想咁單調噉用一啲標準嘅class,你亦都可以將其它嘅class加入一啲更多樣式嘅設計:

<div class="messagebox standard-talk NavFrame">
  <div class="somerandomclass NavHead">[... 呢個係你收埋啲嘢嘅標題 ...]</div>
  <div class="NavContent anotherclass">
    [... 你要收埋嘅嘢會響呢度 ...]
  </div>
</div>

收得埋嘅表

[編輯]

簡單例子

[編輯]

好似上面嘅例子噉,而且重簡單,你只係需要響個表度加上collapsible。要出到有【展開】/【收埋】嘅連結,個表嘅第一行一定要係標題行,即係用感嘆號以wikisyntax嘅方法開始。下面嘅例子係用咗toccolours以方便顯示;呢個係唔使用響collapsible嘅功能度:

{| class="toccolours collapsible" width="60%"
!colspan="2"| 同表欄玩
|-
| 欄1 || 欄2
|}
同表欄玩
欄1 欄2

Combined with sortable:

數字
123
6
45

自動收埋表

[編輯]

你可以有兩種選擇去自動收埋。除咗collapsible class之外,你重可以加入埋collapsed或者autocollapse。前者係一定會收埋個表。autocollapse只係響有一版度有最少兩個收得埋嘅表。

{| class="toccolours collapsible autocollapse" width=60%
|-
! colspan="2" | 因為呢一版有最少兩個收得埋嘅表,呢個自動收得埋嘅表會自動收埋。
|-
| 欄1 || 欄2
|}
因為呢一版有最少兩個收得埋嘅表,呢個自動收得埋嘅表會自動收埋。
欄1 欄2
{| class="toccolours collapsible collapsed" width=60%
|-
! colspan="2" | 呢度表一定會收埋
|-
| 欄1 || 欄2
|}

可以排次序、初始收埋,兩個版本:

限制

[編輯]

響現時,嗰三個Nav* class會用佢哋自己嘅樣式。當啲class混埋一齊嗰陣,噉啲Nav樣式會蓋咗其它嘅樣式(響上面嘅例子度,NavFrame係會蓋咗原先響.messagebox.standard-talk嘅樣式)。

呢個限制唔會影響到收埋嘅表。

協助性

[編輯]

所有由Internet Explorer 5.5或以上(IE5.5/6/7, Firefox, Safari / KHTML, Opera 8/9, 等)可以支援JavaScript嘅瀏覽器會識得收埋啲嘢。

Internet Explorer 5同埋唔支援JavaScript嘅瀏覽器係唔會出現[展開/收埋]嘅連結,而且唔會收埋佢哋。

[編輯]
導航模比較
摺得埋 頂欄色 分組 主體樣式
參數
{{Navbox}} 摺得埋 navbox 主體左/右邊
{{Navbox with collapsible groups}} 摺得埋 navbox 主體左/右邊
同埋 每個表左/右邊
{{Navbox with columns}} 摺得埋 navbox 欄左/右邊