Template:HideH
{{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;"> C:\ </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}}
效果
編輯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模之間嘅內容。
相關嘅模
編輯參考資料
編輯上面嘅解係穿透包含咗自Template:HideH/doc。 (改 | 史) 編者可以響呢個模嘅沙盤 (開 | 鏡)同埋試例 (開)版度試驗佢。 請加個類到個/doc嘅細版度。 呢個模嘅細版。 |