テンプレート:Hidden begin-end/doc

提供: miniwiki
移動先:案内検索


{{Hidden begin}}と{{Hidden end}}を組み合わせて使います。


パラメータ

パラメータ 説明文
showhide タイトルバーにおける[表示/隠す]の位置。leftと指定するとタイトルバーの左側に置かれます。
toggle showhideと同じ。
class CSS クラスの指定。
style CSSの指定。
border ボーダーのCSSの指定。
title タイトルバーに表示するテキスト。
titlestyle タイトルバーに適用されるCSS属性。
bg1 タイトルバーの背景色。
ta1 タイトルバーの文字配置。標準はleft。
contentstyle 中身に適用されるCSS属性。
bodystyle 上に同じ。
bg2 中身の背景色。
ta2 中身の文字位置。

使用例

コード 表示
{{hidden begin
|title = default example
}}
*def
*ghi
{{hidden end}}
{{hidden begin
|title = title with background:pink
|titlestyle = background:pink;
}}
*def
*ghi
{{hidden end}}
{{hidden begin
|title = title aligned in the center
|titlestyle = background:pink; text-align:center;
}}
*def
*ghi{{hidden end}}
{{hidden begin
|title = title aligned on the right needs padding-right
|titlestyle = background:pink;
 text-align:right;padding-right:3em;
}}
*change window width and
*watch title alignment{{hidden end}}
{{hidden begin
|toggle     = left
|title      = title with toggle=left
|titlestyle = background:palegreen;
}}
*def
*ghi
{{hidden end}}
{{hidden begin
|toggle     = right
|title      = title with toggle=right
|titlestyle = background:lightgrey;
}}
*def
*ghi
{{hidden end}}
{{hidden begin
|toggle     = left
|title      = abc with toggle=left
|titlestyle = background:palegreen;
|bodystyle  = font-size:150%; font-weight:bold; 
}}
*def
*ghi
{{hidden end}}
{{hidden begin
|toggle     = right
|header     = deprecated_header_
|title      = title with toggle=right
|titlestyle = font-style:italic; padding-right:3em;
|border     = dashed
|bg1        = palegreen
|bg2        = cyan
|ta1        = left
|ta2        = center
|extra1     = font-size:120%
|extra2     = font-size:150%
}}
*make window narrower and
*title will wrap
{{hidden end}}
{{hidden begin
|toggle     = right
|title      = title with non-breaking spaces
|titlestyle = 
|border     = dotted
|bg1        = cyan
|bg2        = yellow
|ta1        = right
|ta2        = left
|extra1     = font-size:120%; padding-right:2.5em;
|extra2     = font-size:150%; padding-left:3em;
}}
*def these should have left padding 
*ghi
{{hidden end}}

注意点

「プレビューを表示」で表示している内容では[表示]/[隠す]リンクは表示されませんが問題有りません。投稿すれば[表示]/[隠す]リンクは付いています。

関連項目