Difference between revisions of "Template:Collapse top"

1,287 bytes added ,  06:32, 1 November 2020
more translatibility
>Shirayuki
(I hate new Translate extension :()
>Verdy p
(more translatibility)
Line 1: Line 1:
<noinclude>
<noinclude><languages />
<languages />
</noinclude>{{#switch: <translate></translate>
</noinclude>{{#switch:<translate></translate>
| = <div style="display:{{{display|block}}};margin-{{dir|{{pagelang}}|right|left}}:{{{indent|0}}};{{{extrastyle|}}}"><!-- NOTE: width renders incorrectly if added to main STYLE section
| =
  --><table class="navbox mw-collapsible {{#if:{{{expand|}}}
<div style="display:{{{display|block}}}; margin-{{dir|{{pagelang}}|right|left}}:{{{indent|0px}}}; {{{extrastyle|}}}"><!-- NOTE: width renders incorrectly if added to main STYLE section-->
  || mw-collapsed
<table class="navbox mw-collapsible {{#if:{{{expand|}}}||mw-collapsed}}" style="background:{{{bg1|transparent}}}; text-align:{{dir|{{pagelang}}|right|left}}; border:{{{border|1px}}} solid {{{b-color|silver}}}; margin-top:0.2em; {{#if:{{{width|}}}|width:{{{width}}};}}">
  }}" style="margin-top:.2em;background:{{{bg1|transparent}}};border:{{{border|1px}}} solid {{{b-color|silver}}};text-align:{{dir|{{pagelang}}|right|left}};{{#if:{{{width|}}}
<tr>
  | width:{{{width}}}
<th style="background-color:{{{bg|#F8FCFF}}}; text-align:{{#if:{{{left|}}}|{{dir|{{pagelang}}|right|left}}|center}}; font-size:112%; color:{{{fc|black}}}">{{{1|{{{title|{{{reason|{{{header|{{{heading|<translate><!--T:1--> Extended content</translate>}}} }}} }}} }}} }}}
  }}"><tr><th style="font-size:112%;background:{{{bg|#F8FCFF}}};color:{{{fc|black}}};text-align:{{#if:{{{left|}}}
{{#if:{{{warning|{{{2|}}}}}}
  | {{dir|{{pagelang}}|right|left}}
|</th>
  | center
  </tr><tr>
  }}">{{{1|{{{title|{{{reason|{{{header|{{{heading|<translate><!--T:1--> Extended content</translate>}}}}}}}}}}}}}}}</th></tr><!--
  <td style="text-align:center; font-style:italic">{{{2|<translate><!--T:2--> The following is a closed debate.</translate> {{strong|1=<translate><!--T:3--> Please do not modify it.</translate>}}|style=color:red}}}</td>
  -->{{#if:{{{warning|{{{2|}}}}}}
|</th>
  | <tr><td style="text-align:center;font-style:italic">{{{2|<translate><!--T:2--> The following is a closed debate.</translate> {{Strong
}}
    | style = color:red
</tr><tr>
    | 1 = <translate><!--T:3--> Please do not modify it.</translate>
<td style="border:solid {{{border2|1px silver}}}; padding:{{{padding|8px}}}; background-color:{{{bg2|white}}}; font-size:112%">
    }}}}}</td></tr>
| #default=
  }}<!--
  {{#invoke:Template translation|renderTranslatedTemplate|template=Template:Collapse top|noshift=1}}
  --><tr><td style="font-size:112%;background:{{{bg2|white}}};border:solid {{{border2|1px silver}}};padding:{{{padding|8px}}}">
|#default = {{#invoke:Template translation|renderTranslatedTemplate|template=Template:Collapse top|noshift=1}}
}}<noinclude>
}}<noinclude>
<div style="width:100%; text-align:center">''<translate><!--T:4--> The following content has been placed in a collapsed box for improved usability.</translate>''</div>
<div style="width:100%;text-align:center">''<translate><!--T:4--> The following content has been placed in a collapsed box for improved usability.</translate>''</div>
{{Collapse bottom}}
{{Collapse bottom}}
{{Documentation|content=
{{Documentation|content=
<translate>The {{Tlx|Collapse top}} template, and its paired template {{Tlx|Collapse bottom}}, are used for placing a collapse box around a talk page discussion.


The {{tlx|collapse top}} template, and its paired template {{tlx|collapse bottom}}, are used for placing a collapse box around a talk page discussion.
== Usage == <!--T:8-->


<translate>
Place {{Tlx|Collapse top}} and {{Tlx|Collapse bottom}} around the text to be collapsed. For example:
== Usage == <!--T:8-->
</translate>
</translate>
Place {{tlx|collapse top}} and {{tlx|collapse bottom}} around the text to be collapsed. For example:


<pre>{{collapse top|title=This is the title text}}
<syntaxhighlight lang="html5">
{{Collapse top|title=This is the title text}}
Sample contents text
Sample contents text
{{collapse bottom}}</pre>
{{Collapse bottom}}
produces:
</syntaxhighlight>
{{collapse top|title=This is the title text}}
 
<translate>produces:</translate>
 
{{Collapse top|title=This is the title text}}
Sample contents text
Sample contents text
{{collapse bottom}}
{{Collapse bottom}}


{{tlx|collapse bottom}} should always be placed on its own line.
<translate><tvar|1>{{Tlx|Collapse bottom}}</> should always be placed on its own line.


<translate>
== Parameters == <!--T:9-->
== Parameters == <!--T:9-->
</translate>
This template takes the following parameters, all of which are optional. They are case-sensitive. Those that take CSS measurements require them in CSS format (e.g. <code style="color: #006400;">1em</code> not <code  style="color: #8B0000;">1&nbsp;em</code>.


;{{para|1}}, {{para|title}}, {{para|reason}}, {{para|header}}, {{para|heading}} <span style="font-weight: normal;">, or first unnamed parameter</span>: Will give the collapsed box a title, which occurs on the same line as the ''show'' link and is always visible. It defaults to "Extended content". For example, <code><nowiki>{{collapse top|title=This is the title text}}</nowiki></code> or <code><nowiki>{{collapse top|This is the title text}}</nowiki></code>. Note: The shorter, unnamed markup will not work if the title value contain an equals (<code>=</code>) character.
This template takes the following parameters, all of which are optional. They are case-sensitive. Those that take CSS measurements require them in CSS format (e.g. <tvar|1><code style="color: #006400">1em</code></> not <tvar|2><code style="color:#8B0000">1&nbsp;em</code></>.</translate>
;{{para|warning|yes}}: Will display a default warning line under the main title which reads "The following is a closed debate. {{strong|Please do not modify it.|style="color:red"}}" Any value supplied to this parameter will have this effect (i.e. {{para|warning|<span style="color:#8B0000">no</span>}} will not work as expected).
 
;{{para|2}}<span style="font-weight: normal;"> or second unnamed parameter</span>: This is optional warning-line text. It will override the standard warning line above; it is not necessary to also use {{para|warning|yes}} in this case, though doing so is harmless.
; {{Para|1}} <span style="font-weight:normal"><translate>(or first unnamed parameter)</translate></span>, {{Para|title}}, {{Para|reason}}, {{Para|header}}, {{Para|heading}}
;{{para|left|yes}}: Will align the title along the left margin (in RTL languages, along the right margin instead). By default, text is centered, specifically between the left edge of the green box and the left edge of the "show" link. Any value will enable this parameter (i.e. {{para|left|<span style="color:#8B0000">no</span>}} will not work as expected)
: <translate>Will give the collapsed box a title, which occurs on the same line as the ''show'' link and is always visible. It defaults to "Extended content". For example, <tvar|1><code><nowiki>{{Collapse top|title=This is the title text}}</nowiki></code></> or <tvar|2><code><nowiki>{{Collapse top|This is the title text}}</nowiki></code></>. Note: The shorter, unnamed markup will not work if the title value contain an equals (<tvar|3><code>=</code></>) character.</translate>
;{{para|expand|yes}}: Will leave the material uncollapsed with the border and coloring. Default is to collapse the material. Any value will have this effect (i.e. {{para|expand|<span style="color:#8B0000">no</span>}} will not work as expected).
; {{Para|warning|yes}}
;{{para|bg}}: Sets the background color of the title of the collapsible bar. Defaults to "#F8FCFF", a whitish color. Named colors are listed at [[List of colors]]. For example, <code><nowiki>{{collapse top|This is the title text|bg=#008000}}</nowiki></code> or <code><nowiki>{{collapse top|This is the title text|bg=green}}</nowiki></code> (HTML color codes require the leading <code>#</code>).
: <translate>Will display a default warning line under the main title which reads "The following is a closed debate. {{<tvar|1>Strong|style=color:red</>|Please do not modify it.}}" Any non-empty value supplied to this parameter will have this effect (i.e. <tvar|2>{{Para|warning|<span style="color:red">no</span>}}</> will not work as expected).</translate>
;{{para|fc}}: Sets the font color of the title of the collapsible bar. Defaults to "black". See {{para|bg}}, above, for details on color options.
; {{Para|2}} <span style="font-weight:normal"><translate>(or second unnamed parameter)</translate></span>
;{{para|border}}: Sets the width of the border line on the collapsed material. defaults to <code>1px</code>. For example, <code><nowiki>{{collapse top|border=2px}}</nowiki></code>; going much thicker than this is not very useful.
: <translate>This is optional warning-line text. It will override the standard warning line above; it is not necessary to also use <tvar|1>{{Para|warning|yes}}</> in this case, though doing so is harmless.</translate>
;{{para|b-color}}: Sets the border color. defaults to <code>silver</code> (<code>#C0C0C0</code>). See {{para|bg}}, above, for details on color options.
; {{Para|left|yes}}
;{{para|padding}}: Sets the padding (distance from borders) on the collapsed material inside the colored area. Defaults to <code>8px</code>.
: <translate>Will align the title along the left margin (in RTL languages, along the right margin instead). By default, text is centered, specifically between the left edge of the green box and the left edge of the "show" link. Any value will enable this parameter (i.e. <tvar|1>{{Para|left|<span style="color:#8B0000">no</span>}}</> will not work as expected).</translate>
;{{para|width}}: Sets the width of the overall template relative to the page (or a block element containing the collapse box). This should virtually always be given as a percentage, e.g. {{para|width|50%}}, or in relative <samp>em</samp> units, e.g. {{para|width|30em}}. Pixel-based values should be avoided, as they are effectively meaningless – the result will be different depending on each user's browser and local CSS settings (which browser and operating system it is, zoom level, font sizes, etc.).
; {{Para|expand|yes}}
;{{para|border2}}: Sets the properties of the border of the box that appears when template is expanded; defaults to <code>1px silver</code> (there is no provision to change from a solid line). For example, <code><nowiki>{{collapse top|border2=2px}}</nowiki></code> (only width or color will be changed if only one value is supplied).  See {{para|bg}}, above, for details on color options.
: <translate>Will leave the material uncollapsed with the border and coloring. Default is to collapse the material. Any value will have this effect (i.e. <tvar|1>{{Para|expand|<span style="color:#8B0000">no</span>}}</> will not work as expected).</translate>
;{{para|bg2}}: Sets the background color of the box that appears when template is expanded; defaults to <code>White</code> (<code>#FFFFFF</code>). See {{para|bg}}, above, for details on color options.
; {{Para|bg}}
;{{para|indent}}: Indents the box from the left of the page. Defaults to no indentation. Each <code>:</code> in talk page markup is approximately equivalent to <code>1.6em</code> of indent (e.g., to match <code>::::</code> indentation level, use {{para|indent|6.4em}}. You can also use a percentage value. Pixel-based values should be avoided (see {{para|width}}, above, for why).
: <translate>Sets the background color of the title of the collapsible bar. Defaults to "#F8FCFF", a whitish color. Named colors are listed at [[List of colors]]. For example, <tvar|1><code><nowiki>{{Collapse top|This is the title text|bg=#008000}}</nowiki></code></> or <tvar|2><code><nowiki>{{Collapse top|This is the title text|bg=green}}</nowiki></code></> (HTML color codes require the leading <tvar|H><code>#</code></>).</translate>
; {{Para|fc}}
: <translate>Sets the font color of the title of the collapsible bar. Defaults to "black". See <tvar|1>{{Para|bg}}</>, above, for details on color options.</translate>
; {{Para|border}}
: <translate>Sets the width of the border line on the collapsed material. Defaults to <code>1px</code>. For example, <tvar|1><code><nowiki>{{Collapse top|border=2px}}</nowiki></code></>; going much thicker than this is not very useful.</translate>
; {{Para|b-color}}
: <translate>Sets the border color. Defaults to <tvar|1><code>silver</code></> (<tvar|2><code>#C0C0C0</code></>). See <tvar|3>{{Para|bg}}</>, above, for details on color options.</translate>
; {{Para|padding}}
: <translate>Sets the padding (distance from borders) on the collapsed material inside the colored area. Defaults to <tvar|1><code>8px</code></>.</translate>
; {{Para|width}}
: <translate>Sets the width of the overall template relative to the page (or a block element containing the collapse box). This should virtually always be given as a percentage, e.g. <tvar|1>{{Para|width|50%}}</>, or in relative <tvar|2><code>em</code></> units, e.g. <tvar|3>{{Para|width|30em}}</>. Pixel-based values should be avoided, as they are effectively meaningless – the result will be different depending on each user's browser and local CSS settings (which browser and operating system it is, zoom level, font sizes, etc.).</translate>
; {{Para|border2}}
: <translate>Sets the properties of the border of the box that appears when template is expanded; defaults to <code>1px silver</code> (there is no provision to change from a solid line). For example, <tvar|1><code><nowiki>{{Collapse top|border2=2px}}</nowiki></code></> (only width or color will be changed if only one value is supplied). See <tvar|2>{{Para|bg}}</>, above, for details on color options.</translate>
; {{Para|bg2}}
: <translate>Sets the background color of the box that appears when template is expanded; defaults to <tvar|1><code>white</code></> (<tvar|2><code>#FFF</code></>). See <tvar|3>{{Para|bg}}</>, above, for details on color options.</translate>
; {{Para|indent}}
: <translate>Indents the box from the left of the page. Defaults to no indentation. Each <tvar|1><code>:</code></> in talk page markup is approximately equivalent to <tvar|2><code>1.6em</code></> of indent (e.g., to match <tvar|3><code>::::</code></> indentation level, use <tvar|4>{{Para|indent|6.4em}}</>. You can also use a percentage value. Pixel-based values should be avoided (see <tvar|5>{{Para|width}}</>, above, for the reason).</translate>


<translate>
<translate>
== Examples == <!--T:10-->
== Examples == <!--T:10-->
</translate>
</translate>
* Adding a box title (if omitted, default is 'Extended content') <code><nowiki>{{collapse top|This is the title text}}</nowiki></code>
* <translate>Adding a box title (if omitted, default is "Extended content")</translate> <syntaxhighlight lang="html5" inline>{{Collapse top|This is the title text}}</syntaxhighlight>
{{collapse top|This is the title text}}
 
{{lorem ipsum}}
{{Collapse top|This is the title text}}
{{collapse bottom}}
{{Lorem ipsum}}
* Adding a standard warning line <code><nowiki>{{collapse top|This is the title text|warning=true}}</nowiki></code>
{{Collapse bottom}}
{{collapse top|This is the title text|warning=true}}
 
{{lorem ipsum}}
* <translate>Adding a standard warning line</translate> <syntaxhighlight lang="html5" inline>{{Collapse top|This is the title text|warning=true}}</syntaxhighlight>
{{collapse bottom}}
 
* Adding a custom warning line <code><nowiki>{{collapse top|This is the title text|This is a custom warning line}}</nowiki></code>
{{Collapse top|This is the title text|warning=true}}
{{collapse top|This is the title text|This is a custom warning line}}
{{Lorem ipsum}}
{{lorem ipsum}}
{{Collapse bottom}}
{{collapse bottom}}
 
* Aligning box title along left margin <code><nowiki>{{collapse top|left=true}}</nowiki><!-- or {{collapse top|left=true}}--><nowiki></nowiki></code>
* <translate>Adding a custom warning line</translate> <syntaxhighlight lang="html5" inline>{{Collapse top|This is the title text|This is a custom warning line}}</syntaxhighlight>
{{collapse top|left=true}}
 
{{lorem ipsum}}
{{Collapse top|This is the title text|This is a custom warning line}}
{{collapse bottom}}
{{Lorem ipsum}}
* Changing background color <code><nowiki>{{collapse top|bg=#F0F2F5}}</nowiki></code>
{{Collapse bottom}}
{{collapse top|bg=#F0F2F5}}
 
{{lorem ipsum}}
* <translate>Aligning box title along left margin</translate> <syntaxhighlight lang="html5" inline>{{Collapse top|left=true}}</syntaxhighlight>
{{collapse bottom}}
 
* Adding extra padding <code><nowiki>{{collapse top|padding=5em}}</nowiki></code>
{{Collapse top|left=true}}
{{collapse top|padding=5em}}
{{Lorem ipsum}}
{{lorem ipsum}}
{{Collapse bottom}}
{{collapse bottom}}
 
* Archiving a section: the markup below:
* <translate>Changing background color</translate> <syntaxhighlight lang="html5" inline>{{Collapse top|bg=#F0F2F5}}</syntaxhighlight>
<pre>{{collapse top}}
 
==Section header==
{{Collapse top|bg=#F0F2F5}}
{{Lorem ipsum}}
{{Collapse bottom}}
 
* <translate>Adding extra padding</translate> <syntaxhighlight lang="html5" inline>{{Collapse top|padding=5em}}</syntaxhighlight>
 
{{Collapse top|padding=5em}}
{{Lorem ipsum}}
{{Collapse bottom}}
 
* <translate>Archiving a section</translate> – <translate>The markup below:</translate>
 
<syntaxhighlight lang="html5">{{Collapse top}}
== Section header ==
Sample contents text
Sample contents text
{{collapse bottom}}</pre>
{{Collapse bottom}}</syntaxhighlight>
must be rewritten as:
 
<pre>{{collapse top|Section header}}
<translate>must be rewritten as:</translate>
 
<syntaxhighlight lang="html5">{{Collapse top|Section header}}
Sample contents text
Sample contents text
{{collapse bottom}}</pre>
{{Collapse bottom}}</syntaxhighlight>
The end result:
 
{{collapse top|Section header}}
<translate>The end result:</translate>
 
{{Collapse top|Section header}}
Sample contents text
Sample contents text
{{collapse bottom}}
{{Collapse bottom}}


<translate>
== TemplateData ==
== TemplateData ==
</translate>
{{Collapse top/doc}}
{{Collapse top/doc}}


Line 106: Line 142:
== See also == <!--T:11-->
== See also == <!--T:11-->
</translate>
</translate>
* {{tl|collapse bottom}}
* {{Tl|Collapse bottom}}
* {{tl|hidden archive top}} and {{tl|hidden archive bottom}}
* {{Tl|Hidden archive top}} and {{Tl|Hidden archive bottom}}
* {{tl|hidden begin}} and {{tl|hidden end}}
* {{Tl|Hidden begin}} and {{Tl|Hidden end}}
* {{tl|hidden}}}
* {{Tl|Hidden}}}


[[Category:Formatting templates{{#translation:}}]]
[[Category:Formatting templates{{#translation:}}]]
}}
}}
</noinclude>
</noinclude>
Anonymous user