Vorlage:Hidden begin/doc: Unterschied zwischen den Versionen

ZIM HilfeWiki - das Wiki
 
imported>Oetterer
 
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 = <!--"true", "on", yes", etc, otherwise omit-->
+
| expanded = <!--"true", "on", yes", etc, otherwise omit-->
−
| showhide = <!--"left", otherwise omit-->
+
| showhide = <!--"left", otherwise omit-->
−
| border =  
+
| class =  
 
| style =  
 
| style =  
 +
| border =
 +
| title =
 
| titlestyle =  
 
| titlestyle =  
−
| title =  
+
| bg1 =
 +
| ta1 =  
 
| contentstyle =  
 
| contentstyle =  
 +
| bg2 =
 +
| ta2 =
 
<!--Older, semi-deprecated parameters:-->
 
<!--Older, semi-deprecated parameters:-->
−
|header= |bg1= |bg2= |ta1= |ta2= |extra1= |extra2=
+
| 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).
 
|-
 
|-
−
| ''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.  
+
| ''border''   ||  CSS styling for border around entire area. Will be overridden by any border styles in ''style''.
 
|-
 
|-
−
| ''expanded'' || Set to anything ("true", "yes", etc) to switch the hidden section's initial state from collapsed (hidden) to expanded (visible).  
+
| ''title''     || Text shown in titlebar.
 
|-
 
|-
−
| ''border''   || [[wpen:Cascading Style Sheets|CSS styling]] for border around entire area. Overridden by ''style'' (if used).
+
| 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'']]&thinsp;; {{para|titlestyle|text-align:[center/right];}} to switch its text (''title'')'s alignment from left to center or right; etc.).
 
|-
 
|-
−
| ''style''     || CSS styling affecting entire area (titlebar and hidden/hideable content). Overrides ''border'' if used.
+
| ''bg1'' || Background color for titlebar; defaults to transparent. May be overridden if ''titlestyle'' includes anything that changes the background.
 
|-
 
|-
−
|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 [[wpen:Web colors#X11 color names|''color'']]&thinsp;; {{para|titlestyle|text-align:[center/right];}} to switch its text (''title'')'s alignment from left to center or right; etc).  
+
| ''ta1'' || Text alignment for titlebar; defaults to left. May be overridden if ''titlestyle'' includes anything that changes the text alignment.
 
|-
 
|-
−
| ''title''     || Text shown in titlebar.  
+
| ''contentstyle''&nbsp; || CSS styling to apply to the hidden/hideable content (e.g. background and text-align, per ''titlestyle'').
 
|-
 
|-
−
| ''contentstyle''&nbsp; || CSS styling to apply to the hidden material (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===
−
<pre style="overflow:auto;">
+
<syntaxhighlight lang="moin" style="overflow:auto;">
−
{{Hidden begin |title=Default example}}
+
{{Hidden begin |title=Default example}}
−
*def
+
* def
−
*ghi
+
* ghi
−
{{Hidden end}}
+
{{Hidden end}}
−
</pre>
+
</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===
−
<pre style="overflow:auto;">
+
<syntaxhighlight lang="moin" style="overflow:auto;">
−
{{Hidden begin
+
{{Hidden begin |title=width example |width=40%}}
−
| titlestyle = background:pink;
+
* def
−
| title = ''titlestyle'' is "background:pink;"
+
* ghi
−
}}
+
{{Hidden end}}
−
*def
+
</syntaxhighlight>
−
*ghi
+
{{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}} |title=Width example |width=40%}}
 +
* def
 +
* ghi
 
{{Hidden end}}
 
{{Hidden end}}
−
</pre>
+
 
 +
===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 3===
+
===Example 4===
−
<pre style="overflow:auto;">
+
<syntaxhighlight lang="moin" style="overflow:auto;">
−
{{Hidden begin
+
{{Hidden begin
−
| titlestyle = background:pink; text-align:center;
+
| titlestyle = background:pink;
−
| title = added "text-align:center;"
+
| title = added "ta1=center"
−
}}
+
| ta1 = center
−
*def
+
}}
−
*ghi
+
* def
−
{{Hidden end}}
+
* ghi
−
</pre>
+
{{Hidden end}}
 +
</syntaxhighlight>
 
{{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}}
 
{{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}}
−
| titlestyle = background:pink; text-align:center;
+
| titlestyle = background:pink;
−
| title = added "text-align:center;"
+
| title = added "ta1=center"
 +
| ta1 = center
 
}}
 
}}
−
*def
+
* def
−
*ghi
+
* ghi
 
{{Hidden end}}
 
{{Hidden end}}
  
−
===Example 4===
+
===Example 5===
−
<pre style="overflow:auto;">
+
<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}}
−
</pre>
+
</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 5===
+
===Example 6===
−
<pre style="overflow:auto;">
+
<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
+
* def
−
*ghi
+
* ghi
−
{{Hidden end}}
 
−
</pre>
 
−
{{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}} |showhide=left
 
−
| titlestyle = background:palegreen;
 
−
| title = ''showhide'' set to "left"
 
−
}}
 
−
*def
 
−
*ghi
 
 
{{Hidden end}}
 
{{Hidden end}}
  
−
===Example 6===
+
===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 7===
+
===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
−
| bg2 = cyan
+
| ta1 = right
−
| ta1 = left
+
| extra1 = font-size:120%; <!--semicolon required since titlestyle is used-->
−
| ta2 = center
+
| 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
−
| bg2 = cyan
+
| ta1 = right
−
| ta1 = left
+
| extra1 = font-size:120%;
−
| ta2 = center
 
−
| 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 8===
+
===Example 9===
−
<pre style="overflow:auto;">
+
<syntaxhighlight lang="text" style="overflow:auto;">
 
{{Hidden begin
 
{{Hidden begin
−
| titlestyle =  
+
| titlestyle =
−
| title = title&amp;nbsp;with&amp;nbsp;non-breaking&amp;nbsp;spaces&amp;nbsp;
+
| title = title&nbsp;with&nbsp;non-breaking&nbsp;spaces&nbsp;
 
| 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}}
−
</pre>
+
</syntaxhighlight>
 
{{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}}
 
{{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}}
−
| titlestyle =  
+
| titlestyle =
 
| title = title&nbsp;with&nbsp;non-breaking&nbsp;spaces&nbsp;
 
| title = title&nbsp;with&nbsp;non-breaking&nbsp;spaces&nbsp;
 
| 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 documentation is shared by {{Hidden begin}} and {{Hidden end}}.

Syntax[Quelltext bearbeiten]

{{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[Quelltext bearbeiten]

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[Quelltext bearbeiten]

Example 1[Quelltext bearbeiten]

 {{Hidden begin |title=Default example}}
 * def
 * ghi
 {{Hidden end}}
Default example
  • def
  • ghi

Example 2[Quelltext bearbeiten]

 {{Hidden begin |title=width example |width=40%}}
 * def
 * ghi
 {{Hidden end}}
Width example
  • def
  • ghi

Example 3[Quelltext bearbeiten]

 {{Hidden begin
 | titlestyle = background:pink;
 | title = ''titlestyle'' is "background:pink;"
 }}
 * def
 * ghi
 {{Hidden end}}
titlestyle is "background:pink;"
  • def
  • ghi

Example 4[Quelltext bearbeiten]

 {{Hidden begin
 | titlestyle = background:pink;
 | title = added "ta1=center"
 | ta1 = center
 }}
 * def
 * ghi
 {{Hidden end}}
added "ta1=center"
  • def
  • ghi

Example 5[Quelltext bearbeiten]

 {{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[Quelltext bearbeiten]

 {{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[Quelltext bearbeiten]

{{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[Quelltext bearbeiten]

{{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[Quelltext bearbeiten]

{{Hidden begin
| titlestyle =
| title = title&nbsp;with&nbsp;non-breaking&nbsp;spaces&nbsp;
| 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[Quelltext bearbeiten]


Abgerufen von „https://hilfe.uni-paderborn.de/index.php?title=Vorlage:Hidden_begin/doc&oldid=28892“
Cookies helfen uns bei der Bereitstellung des ZIM HilfeWikis. Bei der Nutzung vom ZIM HilfeWiki werden die in der Datenschutzerklärung beschriebenen Cookies gespeichert.
Weitere Informationen