{{HideH}} 係一個方便你編排版面嘅,一定要同 {{HideF}} 搭埋一對嚟用。佢可以將一段嘢暫時摺埋,想睇嗰陣先至打開,睇完又可以摺番埋,幫你搞到一篇勁長嘅文章睇落骨子啲同埋歸一啲。


用法

編輯

{{HideH}} 要放響你想摺起嗰段嘢嘅開頭,你最多可以填四個參數,但係唯一必要嘅只係「標題」,第啲淨係用嚟控制版面,可以想用至畀,無寫嘅話就會自動用咗系統而家嘅設定。

千祈唔好漏咗將 {{HideF}} 放喺嗰段嘢嘅收尾,如果唔係就直落到尾都可能會摺起晒,實際係點就要睇情況喇。

加咗呢個模之後,嗰段嘢就會畀一個打橫嘅框框冚咗,響框框裏面見到佢個標題,右手邊就有一個標籤寫住【展開】,撳佢一吓個框框會打開,咁就會見翻段嘢,個標籤亦會轉咗做【收埋】,再撳多吓就變翻頭先個樣,下面有過你睇。

標準化嘅語法

編輯
{{HideH|標題}}
想收埋嘅內容
{{HideF}}

個人化嘅語法

編輯
{{HideH
|Head = 標題
|FrameStyle = 成個外框嘅格式(CSS[1]
|HeadStyle = 標題嘅格式(CSS)
|ContentStyle = 内容嘅格式(CSS)
}}
想收埋嘅內容
{{HideF}}

例子

編輯

齋用標題

編輯

代碼

編輯
{{HideH|[[2006年]][[西北太平洋]][[熱帶氣旋]]路徑圖}}
[[File:2006_Pacific_typhoon_season_summary.jpg|480px]]
{{HideF}}

效果

編輯

落埋第啲參數

編輯

代碼

編輯
{{HideH
|Head         = <span style="color: #ffff00;"><i>dir</i> 命令嘅畫面樣本</span>
|FrameStyle   = border: 3px groove #7f7f7f;
|HeadStyle    = background-color: #00cf00; text-align: left; vertical-align: bottom;
|ContentStyle = color: #ffffff; background-color: #000000; text-align: left;
}}
<div style="background-color: #0000ff; font-weight: bold;">
<span style="background-color: #000000; font-size: 8pt; margin: 3px; border-top: 3px solid #007fff;">
&nbsp;C:\&nbsp;
</span> MS-DOS Prompt
</div>
<pre style="color: #ffffff; background-color: transparent; border: 0px;">
C:\Documents and Settings\root>dir
 磁碟區 C 中的磁碟是 SYS ROOT
 磁碟區序號:  C82A-1386

 C:\Documents and Settings\root 的目錄

24/10/2008  04:35    <DIR>          .
24/10/2008  04:35    <DIR>          ..
20/09/2008  04:04    <DIR>          Favorites
10/11/2008  18:06    <DIR>          My Documents
24/12/2007  14:38    <DIR>          「開始」
12/06/2008  14:02    <DIR>          「開始」功能表
24/12/2007  14:38    <DIR>          桌面
               0 個檔案                    0 位元組
               7 個目錄    398,852,947,968 位元組可用

C:\Documents and Settings\root>_
</pre>
{{HideF}}

效果

編輯
dir 命令嘅畫面樣本

 C:\  MS-DOS Prompt

C:\Documents and Settings\root>dir
 磁碟區 C 中的磁碟是 SYS ROOT
 磁碟區序號:  C82A-1386

 C:\Documents and Settings\root 的目錄

24/10/2008  04:35    <DIR>          .
24/10/2008  04:35    <DIR>          ..
20/09/2008  04:04    <DIR>          Favorites
10/11/2008  18:06    <DIR>          My Documents
24/12/2007  14:38    <DIR>          「開始」
12/06/2008  14:02    <DIR>          「開始」功能表
24/12/2007  14:38    <DIR>          桌面
               0 個檔案                    0 位元組
               7 個目錄    398,852,947,968 位元組可用

C:\Documents and Settings\root>_

套疊式

編輯

代碼

編輯

{{HideH
| Head = 第一層
| FrameStyle = border-color: #ff0000; background-color: #ffefef;
| HeadStyle = color: #ffdfdf; background-color: #ff0000; height: 110%; font-family: '標楷體';
| ContentStyle = background-color: #ffefef;
}}

{{HideH
| Head = 第二層
| FrameStyle = border-color: #00ff00; background-color: #efffef;
| HeadStyle = color: #dfffdf; background-color: #00ff00; height: 110%; font-family: '標楷體';
| ContentStyle = background-color: #efffef;
}}

{{HideH
| Head = 第三層
| FrameStyle = border-color: #0000ff; background-color: #efefff;
| HeadStyle = color: #dfdfff; background-color: #0000ff; height: 110%; font-family: '標楷體';
| ContentStyle = background-color: #efefff; text-align: left;
}}
'''向左傾'''
{{HideF}}

{{HideF}}

{{HideH
| Head = 第二層
| FrameStyle = border-color: #ffff00; background-color: #ffffef; width: 50%;
| HeadStyle = color: #ffffdf; background-color: #ffff00; height: 110%; font-family: '標楷體';
| ContentStyle = background-color: #ffffef; text-align: right;
}}
'''向右傾'''
{{HideF}}

{{HideF}}


注意 上面為咗令到個套疊結構顯眼啲先至會縮排佢啲代碼,響嚟真嗰陣千祈咪制,唔信可以喺沙盒試吓,唔知點解嘅話就睇吓呢度啦。

效果

編輯
第一層
第二層
第三層

向左傾

第二層

向右傾


注意事項

編輯

如果瀏覽器閂咗javascript,就唔會顯示喺HideH同HideF模之間嘅內容。

相關嘅模

編輯

參考資料

編輯
  1. (英文)CSS(Cascading Style Sheets)