Vorlage:Hidden begin/doc: Unterschied zwischen den Versionen
imported>Oetterer |
imported>Oetterer Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
{{Documentation subpage}} | {{Documentation subpage}} | ||
{{hatnote|This documentation is shared by {{tl|Hidden begin}} and {{tl|Hidden end}}.}} | {{hatnote|This documentation is shared by {{tl|Hidden begin}} and {{tl|Hidden end}}.}} | ||
== Syntax == | == Syntax == | ||
<pre style="overflow:auto;"> | <pre style="overflow:auto;"> | ||
{{Hidden begin | {{Hidden begin | ||
| expanded = | | expanded = <!--"true", "on", yes", etc, otherwise omit--> | ||
| showhide = | | showhide = <!--"left", otherwise omit--> | ||
| | | class = | ||
| style = | | style = | ||
| border = | |||
| title = | |||
| titlestyle = | | titlestyle = | ||
| | | bg1 = | ||
| ta1 = | |||
| contentstyle = | | contentstyle = | ||
| bg2 = | |||
| ta2 = | |||
<!--Older, semi-deprecated parameters:--> | <!--Older, semi-deprecated parameters:--> | ||
|header | | header = | extra1 = | extra2 = | ||
}} | }} | ||
<!----[content to be hidden placed here]----> | <!----[content to be hidden placed here]----> | ||
| Zeile 21: | Zeile 27: | ||
===Parameters=== | ===Parameters=== | ||
{| class="wikitable" | {| class="wikitable" | ||
! Parameter || Description | ! Parameter || Description | ||
|- | |||
| ''showhide''<!--previously: <br />or ''toggle''--> || Set to "left" (without speechmarks) to switch the [show/hide] link's position from the righthand end of the titlebar (default) to the left. | |||
|- | |||
| ''expanded'' || Set to anything ("true", "yes", etc.) to switch the hidden section's initial state from collapsed (hidden) to expanded (visible). | |||
|- | |||
| ''class'' || [[WP:CLASS#Classes|Class attribute]] affecting entire area. | |||
|- | |||
| ''style'' || [[Cascading Style Sheets|CSS styling]] affecting entire area (titlebar and hidden/hideable content). | |||
|- | |- | ||
| '' | | ''border'' || CSS styling for border around entire area. Will be overridden by any border styles in ''style''. | ||
|- | |- | ||
| '' | | ''title'' || Text shown in titlebar. | ||
|- | |- | ||
| '' | | style="vertical-align:top;" | ''titlestyle'' || CSS styles to apply to the titlebar (e.g. {{para|titlestyle|border:1px solid lightgrey;}} to produce a border around it; {{para|titlestyle|background:''color'';}} to set its background color to [[Web colors#X11 color names|''color'']] ; {{para|titlestyle|text-align:[center/right];}} to switch its text (''title'')'s alignment from left to center or right; etc.). | ||
|- | |- | ||
| '' | | ''bg1'' || Background color for titlebar; defaults to transparent. May be overridden if ''titlestyle'' includes anything that changes the background. | ||
|- | |- | ||
| ''ta1'' || Text alignment for titlebar; defaults to left. May be overridden if ''titlestyle'' includes anything that changes the text alignment. | |||
|- | |- | ||
| '' | | ''contentstyle'' || CSS styling to apply to the hidden/hideable content (e.g. background and text-align, per ''titlestyle''). | ||
|- | |- | ||
| '' | | ''bg2'' || Background color for content; defaults to transparent. May be overridden if ''contentstyle'' includes anything changes the background. | ||
|- | |- | ||
| ''ta2'' || Text alignment for content; defaults to left. May be overridden if ''contentstyle'' includes anything that changes the text alignment. | |||
|- | |||
| ''width'' || Change the width from the default 100% to another setting, for example 75% | |||
|} | |} | ||
== Examples == | ==Examples== | ||
===Example 1=== | ===Example 1=== | ||
< | <syntaxhighlight lang="moin" style="overflow:auto;"> | ||
{{Hidden begin |title=Default example}} | {{Hidden begin |title=Default example}} | ||
*def | * def | ||
*ghi | * ghi | ||
{{Hidden end}} | {{Hidden end}} | ||
</ | </syntaxhighlight> | ||
{{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}} |title=Default example}} | {{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}} |title=Default example}} | ||
*def | * def | ||
*ghi | * ghi | ||
{{Hidden end}} | {{Hidden end}} | ||
===Example 2=== | ===Example 2=== | ||
< | <syntaxhighlight lang="moin" style="overflow:auto;"> | ||
{{Hidden begin | {{Hidden begin |title=width example |width=40%}} | ||
| | * def | ||
| title = | * ghi | ||
}} | {{Hidden end}} | ||
*def | </syntaxhighlight> | ||
*ghi | {{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}} |title=Width example |width=40%}} | ||
* def | |||
* ghi | |||
{{Hidden end}} | {{Hidden end}} | ||
</ | |||
===Example 3=== | |||
<syntaxhighlight lang="moin" style="overflow:auto;"> | |||
{{Hidden begin | |||
| titlestyle = background:pink; | |||
| title = ''titlestyle'' is "background:pink;" | |||
}} | |||
* def | |||
* ghi | |||
{{Hidden end}} | |||
</syntaxhighlight> | |||
{{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}} | {{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}} | ||
| titlestyle = background:pink; | | titlestyle = background:pink; | ||
| title = ''titlestyle'' is "background:pink;" | | title = ''titlestyle'' is "background:pink;" | ||
}} | }} | ||
*def | * def | ||
*ghi | * ghi | ||
{{Hidden end}} | {{Hidden end}} | ||
===Example | ===Example 4=== | ||
< | <syntaxhighlight lang="moin" style="overflow:auto;"> | ||
{{Hidden begin | {{Hidden begin | ||
| titlestyle = background:pink | | titlestyle = background:pink; | ||
| title = added " | | title = added "ta1=center" | ||
}} | | ta1 = center | ||
*def | }} | ||
*ghi | * def | ||
{{Hidden end}} | * ghi | ||
</ | {{Hidden end}} | ||
</syntaxhighlight> | |||
{{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}} | {{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}} | ||
| titlestyle = background:pink | | titlestyle = background:pink; | ||
| title = added " | | title = added "ta1=center" | ||
| ta1 = center | |||
}} | }} | ||
*def | * def | ||
*ghi | * ghi | ||
{{Hidden end}} | {{Hidden end}} | ||
===Example | ===Example 5=== | ||
< | <syntaxhighlight lang="moin" style="overflow:auto;"> | ||
{{Hidden begin | {{Hidden begin | ||
| titlestyle = background:pink; text-align:right; padding-right:3.0em; | | titlestyle = background:pink; text-align:right; padding-right:3.0em; | ||
| title = ''title'' on right with 3.0em padding | | title = ''title'' on right with 3.0em padding | ||
}} | }} | ||
*change window width and | * change window width and | ||
*watch title alignment | * watch title alignment | ||
{{Hidden end}} | {{Hidden end}} | ||
</ | </syntaxhighlight> | ||
{{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}} | {{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}} | ||
| titlestyle = background:pink; text-align:right; padding-right:3.0em; | | titlestyle = background:pink; text-align:right; padding-right:3.0em; | ||
| title = ''title'' on right with 3.0em padding | | title = ''title'' on right with 3.0em padding | ||
}} | }} | ||
*change window width and | * change window width and | ||
*watch title alignment | * watch title alignment | ||
{{Hidden end}} | {{Hidden end}} | ||
===Example | ===Example 6=== | ||
< | <syntaxhighlight lang="moin" style="overflow:auto;"> | ||
{{Hidden begin |showhide=left | {{Hidden begin |showhide=left |expanded=true | ||
| titlestyle = background:palegreen; | |||
| title = ''showhide'' set to "left" and ''expanded'' set to "true" | |||
}} | |||
* def | |||
* ghi | |||
{{Hidden end}} | |||
</syntaxhighlight> | |||
{{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}} |showhide=left |expanded=true | |||
| titlestyle = background:palegreen; | | titlestyle = background:palegreen; | ||
| title = ''showhide'' set to "left" | | title = ''showhide'' set to "left" and ''expanded'' set to "true" | ||
}} | }} | ||
* def | |||
* ghi | |||
*def | |||
*ghi | |||
{{Hidden end}} | {{Hidden end}} | ||
===Example | ===Example 7=== | ||
<pre style="overflow:auto;"> | <pre style="overflow:auto;"> | ||
{{Hidden begin |showhide=left | {{Hidden begin |showhide=left | ||
| titlestyle = background:palegreen; | | titlestyle = background:palegreen; | ||
| title = <code style="background:transparent;">showhide=left</code>, hidden content 150% size and in bold (''contentstyle'') | | title = <code style="background:transparent;">showhide=left</code>, hidden content 150% size and in bold (''contentstyle'') | ||
| contentstyle = font-size:150%; font-weight:bold; | | contentstyle = font-size:150%; font-weight:bold; | ||
}} | }} | ||
*def | * def | ||
*ghi | * ghi | ||
{{Hidden end}} | {{Hidden end}} | ||
</pre> | </pre> | ||
| Zeile 138: | Zeile 170: | ||
| titlestyle = background:palegreen; | | titlestyle = background:palegreen; | ||
| title = <code style="background:transparent;">showhide=left</code>, hidden content 150% size and in bold (''contentstyle'') | | title = <code style="background:transparent;">showhide=left</code>, hidden content 150% size and in bold (''contentstyle'') | ||
| contentstyle = font-size:150%; font-weight:bold; | | contentstyle = font-size:150%; font-weight:bold; | ||
}} | }} | ||
*def | * def | ||
*ghi | * ghi | ||
{{Hidden end}} | {{Hidden end}} | ||
===Example | ===Example 8=== | ||
<!-- This example updated to show that bg1/ta1 only affect titlebar, used ta1=right since it is non-default for titlebar and content. --> | |||
<pre style="overflow:auto;"> | <pre style="overflow:auto;"> | ||
{{Hidden begin | {{Hidden begin | ||
| Zeile 152: | Zeile 185: | ||
| border = 1px solid grey | | border = 1px solid grey | ||
| bg1 = palegreen | | bg1 = palegreen | ||
| ta1 = right | |||
| ta1 = | | extra1 = font-size:120%; <!--semicolon required since titlestyle is used--> | ||
| extra2 = font-size:150% <!--semicolon optional when contentstyle not used--> | |||
| extra1 = font-size:120% | |||
| extra2 = font-size:150% | |||
}} | }} | ||
*make window narrower and | * make window narrower and | ||
*title will wrap | * title will wrap | ||
{{Hidden end}} | {{Hidden end}} | ||
</pre> | </pre> | ||
| Zeile 168: | Zeile 199: | ||
| border = 1px solid grey | | border = 1px solid grey | ||
| bg1 = palegreen | | bg1 = palegreen | ||
| ta1 = right | |||
| ta1 = | | extra1 = font-size:120%; | ||
| extra1 = font-size:120% | |||
| extra2 = font-size:150% | | extra2 = font-size:150% | ||
}} | }} | ||
*make window narrower and | * make window narrower and | ||
*title will wrap | * title will wrap | ||
{{Hidden end}} | {{Hidden end}} | ||
===Example | ===Example 9=== | ||
< | <syntaxhighlight lang="text" style="overflow:auto;"> | ||
{{Hidden begin | {{Hidden begin | ||
| titlestyle = | | titlestyle = | ||
| title = title& | | title = title with non-breaking spaces | ||
| border = 1px solid red | | border = 1px solid red | ||
| bg1 = cyan | | bg1 = cyan | ||
| Zeile 191: | Zeile 220: | ||
| extra2 = font-size:150%; padding-left:3.0em; | | extra2 = font-size:150%; padding-left:3.0em; | ||
}} | }} | ||
*def ... these should have left padding | * def ... these should have left padding | ||
*ghi | * ghi | ||
{{Hidden end}} | {{Hidden end}} | ||
</ | </syntaxhighlight> | ||
{{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}} | {{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}} | ||
| titlestyle = | | titlestyle = | ||
| title = title with non-breaking spaces | | title = title with non-breaking spaces | ||
| border = 1px solid red | | border = 1px solid red | ||
| Zeile 206: | Zeile 235: | ||
| extra2 = font-size:150%; padding-left:3.0em; | | extra2 = font-size:150%; padding-left:3.0em; | ||
}} | }} | ||
*def ... these should have left padding | * def ... these should have left padding | ||
*ghi | * ghi | ||
{{Hidden end}} | {{Hidden end}} | ||
== See also == | ==See also== | ||
* {{tl|Hidden}} | * {{tl|Hidden}} | ||
Aktuelle Version vom 3. Oktober 2022, 15:51 Uhr
| This is a documentation subpage for Vorlage:Hidden begin. It contains usage information, categories and other content that is not part of the original vorlage page. |
This documentation is shared by {{Hidden begin}} and {{Hidden end}}.
Syntax
{{Hidden begin
| expanded = <!--"true", "on", yes", etc, otherwise omit-->
| showhide = <!--"left", otherwise omit-->
| class =
| style =
| border =
| title =
| titlestyle =
| bg1 =
| ta1 =
| contentstyle =
| bg2 =
| ta2 =
<!--Older, semi-deprecated parameters:-->
| header = | extra1 = | extra2 =
}}
<!----[content to be hidden placed here]---->
{{Hidden end}}
Parameters
| Parameter | Description |
|---|---|
| showhide | Set to "left" (without speechmarks) to switch the [show/hide] link's position from the righthand end of the titlebar (default) to the left. |
| expanded | Set to anything ("true", "yes", etc.) to switch the hidden section's initial state from collapsed (hidden) to expanded (visible). |
| class | Class attribute affecting entire area. |
| style | CSS styling affecting entire area (titlebar and hidden/hideable content). |
| border | CSS styling for border around entire area. Will be overridden by any border styles in style. |
| title | Text shown in titlebar. |
| titlestyle | CSS styles to apply to the titlebar (e.g. |titlestyle=border:1px solid lightgrey; to produce a border around it; |titlestyle=background:color; to set its background color to color ; |titlestyle=text-align:[center/right]; to switch its text (title)'s alignment from left to center or right; etc.).
|
| bg1 | Background color for titlebar; defaults to transparent. May be overridden if titlestyle includes anything that changes the background. |
| ta1 | Text alignment for titlebar; defaults to left. May be overridden if titlestyle includes anything that changes the text alignment. |
| contentstyle | CSS styling to apply to the hidden/hideable content (e.g. background and text-align, per titlestyle). |
| bg2 | Background color for content; defaults to transparent. May be overridden if contentstyle includes anything changes the background. |
| ta2 | Text alignment for content; defaults to left. May be overridden if contentstyle includes anything that changes the text alignment. |
| width | Change the width from the default 100% to another setting, for example 75% |
Examples
Example 1
{{Hidden begin |title=Default example}}
* def
* ghi
{{Hidden end}}
Default example
- def
- ghi
Example 2
{{Hidden begin |title=width example |width=40%}}
* def
* ghi
{{Hidden end}}
Width example
- def
- ghi
Example 3
{{Hidden begin
| titlestyle = background:pink;
| title = ''titlestyle'' is "background:pink;"
}}
* def
* ghi
{{Hidden end}}
titlestyle is "background:pink;"
- def
- ghi
Example 4
{{Hidden begin
| titlestyle = background:pink;
| title = added "ta1=center"
| ta1 = center
}}
* def
* ghi
{{Hidden end}}
added "ta1=center"
- def
- ghi
Example 5
{{Hidden begin
| titlestyle = background:pink; text-align:right; padding-right:3.0em;
| title = ''title'' on right with 3.0em padding
}}
* change window width and
* watch title alignment
{{Hidden end}}
title on right with 3.0em padding
- change window width and
- watch title alignment
Example 6
{{Hidden begin |showhide=left |expanded=true
| titlestyle = background:palegreen;
| title = ''showhide'' set to "left" and ''expanded'' set to "true"
}}
* def
* ghi
{{Hidden end}}
showhide set to "left" and expanded set to "true"
- def
- ghi
Example 7
{{Hidden begin |showhide=left
| titlestyle = background:palegreen;
| title = <code style="background:transparent;">showhide=left</code>, hidden content 150% size and in bold (''contentstyle'')
| contentstyle = font-size:150%; font-weight:bold;
}}
* def
* ghi
{{Hidden end}}
showhide=left, hidden content 150% size and in bold (contentstyle)- def
- ghi
Example 8
{{Hidden begin
| header = [''header'' (deprecated)]
| titlestyle = font-style:italic; padding-right:3.0em;
| title = [''title'' set to this text]
| border = 1px solid grey
| bg1 = palegreen
| ta1 = right
| extra1 = font-size:120%; <!--semicolon required since titlestyle is used-->
| extra2 = font-size:150% <!--semicolon optional when contentstyle not used-->
}}
* make window narrower and
* title will wrap
{{Hidden end}}
[header (deprecated)][title set to this text]
- make window narrower and
- title will wrap
Example 9
{{Hidden begin
| titlestyle =
| title = title with non-breaking spaces
| border = 1px solid red
| bg1 = cyan
| bg2 = yellow
| ta1 = right
| ta2 = left
| extra1 = font-size:120%; padding-right:2.5em;
| extra2 = font-size:150%; padding-left:3.0em;
}}
* def ... these should have left padding
* ghi
{{Hidden end}}
title with non-breaking spaces
- def ... these should have left padding
- ghi
See also
- {{Hidden}}