User:Max34/Sandbox: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
mNo edit summary
No edit summary
 
(28 intermediate revisions by the same user not shown)
Line 1: Line 1:
== "Страница" ==
{{#if:{{REVISIONID}}|''A completely normal text that definitely doesn't change in any way during the preview when editing this page.''|<div style="border:2px solid #444; border-radius:6px; padding:6px; background:#323232; text-align:center; font-size:20px">Hi, <span style="color:white">{{REVISIONUSER}}</span>! I know You are in preview mode for editing this page ^._.^</div>}}
<onlyinclude>Этот текст будет переноситься!</onlyinclude> ''А вот этот нет.''<onlyinclude> И снова переносимый текст!


А вот и {{Code</onlyinclude>|preset=2<onlyinclude>|шаблон}} который в ориге имеет preset=2, но не в вызове! А здесь наоборот: {{Code<includeonly>|preset=2</includeonly>|шаблон}}.
== Usage ==
<p style="margin-top:-6px"><span style="display:inline-block; width:22px; height:16px; background:#FFF; vertical-align:text-bottom; clip-path:path('M0 4v8H1V4ZM9 4v8h1V4ZM3 6v4H7V6Zm9 0v4h4V6Z')"></span>This template prefers inline formatting of parameters</p>


Или вот как тебе появляющаяся {{T|</onlyinclude>|<onlyinclude>Test}} ссылка? Или внезапный <span style="color:<includeonly>green">зелёный</includeonly></onlyinclude>red">красный<onlyinclude></span>?</onlyinclude>
{| cellpadding="8" rules="all" style="width:100%; border:1px solid #555; background:#2D2D2D"
|- style="background:#333; color:#DFDFDF"
! rowspan="2" | Parameters
! colspan="2" | {{int:Listfiles description}}
|- style="background:#333; color:#DFDFDF"
! {{int:Apisandbox-examples}}
! {{int:Preview}}
|-
| style="font-family:monospace" rowspan="3" | {{P| <Text>}} <br> {{P| 1 | <Text>}}
| colspan="2" | The text that will be displayed. Can contain links, templates and raw html, except when the {{Param|lang}} parameter is used.
|-
| style="padding-block:0; background:#1F1F1F" | <syntaxhighlight lang="wikitext">{{Code|Hello, World!}}</syntaxhighlight>
| style="background:#262626" | {{Code|Hello, World!}}
|-
| style="padding-block:0; background:#1F1F1F" | <syntaxhighlight lang="wikitext">{{Code|1 = Text With = Symbol!}}</syntaxhighlight>
| style="background:#262626" | {{Code|1 = Text With = Symbol!}}
|-
| style="font-family:monospace" rowspan="2" | {{P| lang | <Option>}}
| colspan="2" | Adds syntax highlighting for the language specified using [[mw:Extension:SyntaxHighlight|syntaxhighlight]] tag with [[mw:Extension:SyntaxHighlight#inline|inline]] attribute. <br> [[mw:Extension:SyntaxHighlight#Supported_languages|List of Supported languages]].
|-
| style="padding-block:0; background:#1F1F1F" | <syntaxhighlight lang="wikitext">{{Code|lang=c|int main() { return 0; } }}</syntaxhighlight>
| style="background:#262626" | {{Code|lang=c|int main() { return 0; } }}
|-
| style="font-family:monospace" rowspan="2" | {{P| style | <CSS>}}
| colspan="2" | CSS styles. Note that some styles require {{Code|!important}} to be specified.
|-
| style="padding-block:0; background:#1F1F1F" | <syntaxhighlight lang="wikitext">{{Code|style=color:#EF9B9B !important|Colored text}}</syntaxhighlight>
| style="background:#262626" | {{Code|style=color:#EF9B9B !important|Colored text}}
|}


== Её вызов ==
{{:User:Max34/Sandbox}}




{| cellpadding="8" rules="all" style="width:100%; border:1px solid #555; background:#2D2D2D"
|- style="background:#333; color:#DFDFDF"
! rowspan="2" | Parameters
! colspan="2" | {{int:Listfiles description}}
|- style="background:#333; color:#DFDFDF"
! {{int:Apisandbox-examples}}
! {{int:Preview}}
|-
| style="font-family:monospace" rowspan="3" | {{P| <Text>}} <br> {{P| 1 | <Text>}}
| colspan="2" | Text for detailing a reason.
|-
| style="padding-block:0; background:#1F1F1F" | <syntaxhighlight lang="wikitext">{{Delete|More details}}</syntaxhighlight>
| style="background:#262626" | {{Delete|nocat=1|More details}}
|-
| style="padding-block:0; background:#1F1F1F" | <syntaxhighlight lang="wikitext">{{Delete|1 = Details with = symbol}}</syntaxhighlight>
| style="background:#262626" | {{Delete|nocat=1|1=Details with = symbol}}
|-
| style="font-family:monospace" rowspan="3" | {{P| reason | <Option>}}
| colspan="2" | Defines the reasoning for deletion. Available reasons:
* {{Code|imgpolicy}} – for failing to meet the image use policy.
* {{Code|modcriteria}} – for failing to meet the mod profile criteria.
* {{Code|moved}} – because it has moved.
* {{Code|deprecated}} – because it is deprecated.
* {{Code|spam}} – because it is spam.
* {{Code|unwanted}} – because it is unwanted by the author.
* {{Code|unused}} – because it is unused.
* {{Code|irrelevant}} – because it is irrelevant to the wiki's scope.
* {{Code|duplicate}} – because it is a duplicate of a different page or image.
|-
| style="padding-block:0; background:#1F1F1F" | <syntaxhighlight lang="wikitext">{{Delete|reason = deprecated}}</syntaxhighlight>
| style="background:#262626" | {{Delete|nocat = 1|reason = deprecated}}
|-
| style="padding-block:0; background:#1F1F1F" | <syntaxhighlight lang="wikitext">{{Delete|reason = spam}}</syntaxhighlight>
| style="background:#262626" | {{Delete|nocat = 1|reason = spam}}
|-
| style="font-family:monospace" rowspan="2" | {{P| namespace | <Wiki namespace>}}
| colspan="2" | Specifies the namespace of page. The page namespace is determined automatically if this parameter is not specified.
|-
| style="padding-block:0; background:#1F1F1F" | <syntaxhighlight lang="wikitext">{{Delete|namespace = template}}</syntaxhighlight>
| style="background:#262626" | {{Delete|nocat = 1|namespace = template}}
|-
| style="font-family:monospace" rowspan="2" | {{P| nocat | <Any>}}
| colspan="2" | Parameter for preventing the adding of the [[:Category:Candidates for speedy deletion]] on page. Does not change anything visibly. <br> This is not intended for use on pages and exists only for the documentation page.
|-
| style="padding-block:0; background:#1F1F1F" | <syntaxhighlight lang="wikitext">{{Delete|nocat = 1}}</syntaxhighlight>
| style="background:#262626" | {{Delete|nocat = 1}}
|}


== Stuff for Templates ==
<span style="display:inline-block; width:16px; height:16px; background:#FFF; vertical-align:text-bottom; clip-path:path('M0 4v8H1V4ZM9 4v8h1V4ZM3 6v4H7V6Zm9 0v4h4V6Z')"></span> This template prefers inline formatting of parameters.


<span style="display:inline-block; width:16px; height:16px; background:#FFF; vertical-align:text-bottom; clip-path:path('M1 1H0V7H1Zm15 1H3V6h13ZM1 9H0v6H1Zm10 1H3v4h8Z')"></span> This template prefers block formatting of parameters.
<span style="display:inline-block; width:16px; height:16px; background:#FFF; vertical-align:text-bottom; clip-path:path('M1 1H0V7H1Zm6 1H3V6h4ZM1 9H0v6H1Zm10 1H3v4h8ZM9 1h1V7H9Zm3 1h4V6H12Z')"></span> This template requires special formatting of parameters.
* [[mw:Template:TemplateData_header#Parameters]] (inline)
* [[mw:Template:Imbox#TemplateData]] (block)
== Header ==
<div style="display:flex; gap:4px; margin:.4em 0 .5em 1.6em; font-style:italic"><div style="z-index:1; white-space:nowrap">Some Text:</div>
<div style="margin:{{#switch:0|*=-.3em 0 0 -.2em|#=-.3em 0 0 -1.8em|#default=-.4em 0 -.5em}}">
Example text
</div></div>
<div class="vector-menu-dropdown" style="all:unset; position:relative; display:inline-flex"><div class="vector-menu-heading" style="all:unset; padding:4px 6px; border:2px solid #333; border-radius:4px; background:#2D2D2D; color:#DDD; user-select:none">Button Imitation</div>
<div class="vector-menu-content" style="position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; border:2px solid #FFF2; border-radius:4px; background:#FFF1; box-shadow:0; pointer-events:none; transition-property:opacity, visibility; transition-duration:.5s"></div>
[[User:Max34|<span class="vector-menu-checkbox"></span>]]
</div>
<div style="display:flex; align-items:center; gap:6px; font-size:15px"><div style="display: flex;position:relative;width:20px;height:20px;border:2px solid #FFF;border-radius:50%;align-items: center;justify-content: center;"><div style="position:absolute;width: 2px;height: 9px;background:#FFF;border-radius: 2px;transform-origin: 50% 8px;margin-top: -7px;animation: rotate 1s infinite linear;"></div><div style="position:absolute;width: 2px;height: 6px;background:#FFF;border-radius: 2px;transform-origin: 50% 5px;margin-top: -4px;animation: rotate 3s infinite linear;"></div></div> Loading (no)</div>
== Useful Interface messages ==
* {{int:Preview}}
* {{int:License-nopreview}}
* {{int:Trackingcategories-nodesc}}
* {{int:Apisandbox-examples}}
* {{int:Apisandbox-deprecated-parameters}}
* {{int:Apisandbox-dynamic-parameters}}
* {{int:Apisandbox-dynamic-parameters-add-placeholder}}
* {{int:Paramvalidator-help-required}}
* {{int:Paramvalidator-help-deprecated}}
* {{int:Paramvalidator-emptystring}}
* {{int:Paramvalidator-help-default|<i>value</i>}}
* {{int:Paramvalidator-help-default-empty}}
* {{int:Paramvalidator-help-type-enum-can-be-empty}}
** {{int:Paramvalidator-help-type-enum-can-be-empty|<i>value</i>|1}}
* {{int:Paramvalidator-help-type-float|1}}
** {{int:Paramvalidator-help-type-float|2}}
* {{int:Paramvalidator-help-type-integer|1}}
** {{int:Paramvalidator-help-type-integer|2}}
* {{int:Paramvalidator-help-type-title-must-exist}}
* {{int:Paramvalidator-help-type-title-no-must-exist}}
* {{int:Paramvalidator-help-type-user-subtype-name}}
* {{int:Paramvalidator-missingparam|<i>value</i>}}
* {{int:Actions}}
* {{int:Allmessages-filter-translate}}
* {{int:Allmessages-language}}
* {{int:Allpages-bad-ns}}
* {{int:Api-credits-header}}
* {{int:Api-help-datatypes-header}}
* {{int:Api-help-examples}}
** {{int:Api-help-examples|2}}
* {{int:Api-help-param-deprecated}}
* {{int:Api-help-param-deprecated-label}}
* {{int:Api-help-source|<i>value</i>}}
* {{int:Apierror-compare-notext|<i>value1</i>|<i>value2</i>}}
* {{int:Apierror-filedoesnotexist}}
* {{int:Apierror-unknownerror-nocode}}
* {{int:Apihelp-edit-param-text}}
* {{int:Apihelp-expandtemplates-param-title}}




__NOTOC__
__NOTOC__
[[#Testing1|Anchor with margin]]
[[#Testing1|Anchor with margin]]
== An interesting optimization method that works ==
This {{Code|<nowiki>{{Text-dir|ltr=righ|rtl=lef}}t:0;</nowiki>}} is a little bit more optimized than this {{Code|<nowiki>{{Text-dir|ltr=right|rtl=left}}:0;</nowiki>}}


== Gallery stuff ==
== Gallery stuff ==
Line 48: Line 180:
</div>
</div>


== Some Experiments with collapsible elements ==
== Wayback svg icon ==
<div style="overflow:hidden; height:1lh; background:#444">
My reworked version is more pixel accurate, but still looks bad at smaller sizes.
<div id="mw-customcollapsible-colorHEX" class="mw-collapsible" style="height:20px"><samp style="color:grey; user-select:none"></samp> <samp class="mw-customtoggle-colorHEX" style="user-select:none"></samp> #HEX</div>
<div style="width:64px; height:64px; background:#FFF; clip-path:path('M4 6l2 2h52l2-2L32 0Zm2 4v4h52v-4Zm2 6Q7 26 7 35T8 54h4q1-10 1-19T12 16zm14 0q-1 10-1 19t1 19h4q1-10 1-19T26 16zm16 0q-1 10-1 19t1 19h4q1-10 1-19T42 16zm14 0q-1 10-1 19t1 19h4q1-10 1-19T56 16zM6 56v3h52V56ZM4 61v3H60v-3Z')"></div>
<div id="mw-customcollapsible-colorRGB" class="mw-collapsible" style="height:20px"><samp class="mw-customtoggle-colorHEX" style="user-select:none"></samp> <samp class="mw-customtoggle-colorRGB" style="user-select:none"></samp> RGB()</div>
 
<div style="height:20px"><samp class="mw-customtoggle-colorRGB" style="user-select:none"></samp> <samp style="color:grey; user-select:none"></samp> HSL()</div>
<includeonly><1div class="plainlinks" style="position:absolute; inset-inline-end:0; top:19px; display:flex; align-items:center; gap:4px; width:max-content; line-height:27px; user-select:none"><!--
 
-->{{#if:{{PROTECTIONLEVEL:edit}}|<div style="position:relative; width:18px">
<div style="background:#808080; height:7px; clip-path:path('m5 7q0-4.5 4-4.5T13 7h2.5q0-7-6.5-7T2.5 7')"></div>
<div style="height:14px; background:#F7{{#ifeq:{{PROTECTIONLEVEL:edit}}|sysop|48|C0}}43; clip-path:path('M2.5 0h13Q17 0 17 1.5v10Q17 13 15.5 13H2.5Q1 13 1 11.5V1.5Q1 0 2.5 0Zm9 4.5C11.5 3.1 10.4 2 9 2S6.5 3.1 6.5 4.5 7.6 7 9 7s2.5-1.1 2.5-2.5Zm2 6.5V10c0-2.6-9-2.6-9 0v1Z')"></div> [[w:{{#switch:{{Language/interface}}|#default=Project:Protection_policy#{{#ifeq:{{PROTECTIONLEVEL:edit}}|sysop|Full_protection|Semi-protection}}|ru=ru:Project:Правила_защиты_страниц#{{#ifeq:{{PROTECTIONLEVEL:edit}}|sysop|Полная_защита|Частичная_защита}}}}|<hr class="vector-menu-checkbox" title="{{#switch:{{Language/interface}}|#default=This page is {{#ifeq:{{PROTECTIONLEVEL:edit}}|sysop||semi-}}protected|ru=Эта страница {{#ifeq:{{PROTECTIONLEVEL:edit}}|sysop||частично}} защищена}}">]]
</div>}}<!--
 
--><div style="display:flex; background:linear-gradient(#0000, #2E2E2E); --Border:linear-gradient(#0000, #65635F) 1; --C:linear-gradient(#26262670, #26262670); --C1:linear-gradient(#FFA50016, #FFA50016)"><!--
 
-->{{#ifeq:{{Language/interface}}|en||<div class="toctogglelabel" style="position:relative; padding:0 7px; border-inline:1px solid; border-image:var(--Border); color:#{{#ifexist:{{Language/interface}}/{{FULLPAGENAME}}|898785 !important">{{#switch:{{Language/interface}}|#default=Edit Translation|ru=Править перевод}}|688BA8 !important">{{#switch:{{Language/interface}}|#default=Create Translation|ru=Создать перевод}}}}[{{canonicalurl:{{Language/interface}}/{{FULLPAGENAME}}}}?action=edit <hr class="vector-menu-checkbox">]</div>
 
<div class="vector-menu-dropdown" style="all:unset; position:relative">
<div class="vector-menu-heading" style="align-items:center; padding:0 7px; font-size:1em">{{int:Cactions}}</div>
<div class="vector-menu-content" style="inset-inline:auto -11px; width:max-content; padding:0 10px 10px; border:0; background:0; box-shadow:none; line-height:24px; font-size:1.1em">
<table class="TablePager" style="padding:2px; border-spacing:0">
 
{{#ifexist:{{Language/interface}}/{{FULLPAGENAME}}|<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 5px; border:0; background-image:var(--C)">
<div style="width:18px; height:18px; background:#EEE; clip-path:path('M4.7 11.7C3.6 10.7 2.8 9.6 2.3 9c.5-.6 1.3-1.7 2.4-2.7C5.9 5.3 7.4 4.5 9 4.5s3.1.8 4.3 1.8c1.1 1 2 2.1 2.4 2.7-.4.6-1.2 1.7-2.4 2.8S10.6 13.5 9 13.5s-3.1-.8-4.3-1.8ZM9 3Q6.5 3 3.7 5.2 2.2 6.5 1.1 8.2.6 9 1.1 9.8q1.1 1.7 2.6 3Q6.5 15 9 15t5.3-2.2q1.5-1.3 2.6-3 .5-.8 0-1.5-1.1-1.8-2.6-3Q11.5 3 9 3ZM7.5 9c0-.8.7-1.5 1.5-1.5s1.5.7 1.5 1.5-.7 1.5-1.5 1.5S7.5 9.8 7.5 9ZM9 6C7.3 6 6 7.3 6 9s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3Z')"></div> {{int:View}}
[{{canonicalurl:{{Language/interface}}/{{FULLPAGENAME}}}} <hr class="vector-menu-checkbox">]
</td></tr>
 
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 5px; border:0; background-image:var(--C)">
<div style="width:18px; height:18px; background:#EEE; clip-path:path('M3.8 8.7l1-1c.3-.3.8-.3 1.1 0s.3.8 0 1.1L3.5 11q-.5.4-1 0L.2 8.8c-.3-.3-.3-.8-0-1.1s.8-.3 1.1 0l1 1c.2-4 3.5-7.2 7.5-7.2 4.1 0 7.5 3.4 7.5 7.5s-3.4 7.5-7.5 7.5c-2.4 0-4.5-1.1-5.8-2.8-.2-.3-.2-.8.1-1.1.3-.3.9-.2 1.1.1 1 1.4 2.7 2.3 4.6 2.3 3.3 0 6-2.7 6-6s-2.7-6-6-6-5.9 2.5-6 5.7Zm8.6 2c.3.3.3.8 0 1.1-.3.3-.8.3-1.1 0L9 9.5q-.2-.2-.2-.5V4.8c0-.4.3-.8.8-.8s.8.4.8.8V8.7')"></div> {{int:Vector-view-history}}
[{{canonicalurl:{{Language/interface}}/{{FULLPAGENAME}}}}?action=history <hr class="vector-menu-checkbox">]
</td></tr>}}
 
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 5px; border:0; background-image:var(--C); {{#ifexist:Talk:{{Language/interface}}/{{FULLPAGENAME}}||color:#688BA8}}">
<div style="width:18px; height:18px; background:#EEE; clip-path:path('m17.8 13.8c.2.3.3 1.4-1.3 1.2-.7-.1-1.8-.2-3.5-1.2q-1.2.4-2.1.4-1.9 2.3-4.5 2.3-1.1 0-1.8-.3-1.6 1-3.9 1c-.7 0-.7-1-.5-1.2s1.1-1.6 1.2-2.5q-.6-1.2-.6-2.6Q.8 7.5 4 5.8c.7-2.9 3.4-5 6.5-5 3.7 0 6.8 3 6.8 6.7q0 1.4-.7 2.9c-.1 1.3.5 2.4 1.2 3.4zM5.3 7.5c0 2.9 2.3 5.3 5.2 5.3q1.2 0 2.3-.6.4-.2.7.1.8.9 2.3 1.1c-1.1-2.6-.8-3.3-.5-3.7q.5-.7.5-2.2c0-2.9-2.4-5.2-5.3-5.2S5.3 4.6 5.3 7.5zm-1.5.2q-1.5 1.1-1.5 3.2 0 1.1.5 2c.2.4.2 1.1-.6 2.7q.8 0 2-.8.3-.2.6-.1.7.3 1.6.3Q8 15 9 14.1c-3-.7-5.2-3.3-5.2-6.4zm3.7-1.2q1 0 1 1t-1 1-1-1 1-1m3 0q1 0 1 1t-1 1-1-1 1-1m3 0q1 0 1 1t-1 1-1-1 1-1')"></div> {{int:Talk}}
[{{canonicalurl:Talk:{{Language/interface}}/{{FULLPAGENAME}}}} <hr class="vector-menu-checkbox">]
</td></tr>
 
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 5px; border:0; background-image:var(--C)">
<div style="width:18px; height:18px; background:#EEE; clip-path:path('M7 1q.2-.2.5-.2h6Q15.8.8 15.8 3V15q0 2.3-2.3 2.3h-9q-2.2 0-2.2-2.3V6q0-.3.2-.5Zm6.5 1.3H8.3V6q0 .8-.8.8H3.8V15q0 .8.7.8h9q.8 0 .8-.8V3q0-.7-.8-.7Zm-8.7 3h2v-2Zm.5 4.5Q5.3 9 6 9h6q.8 0 .8.8 0 .8-.8.8H6q-.7 0-.7-.8Zm0 3q0-.8.7-.8h6q.8 0 .8.8 0 .8-.8.8H6q-.7 0-.7-.8Z')"></div> {{#switch:{{Language/interface}}|#default=About Translations|ru=О переводах}}
[{{canonicalurl:Project:Alternative Languages}}?uselang={{Language/interface}} <hr class="vector-menu-checkbox">]
</td></tr>
 
</table>
</div>
</div>}}<!--
 
--><div class="vector-menu-dropdown" style="all:unset; position:relative; border-inline:1px solid; border-image:var(--Border)">
<div class="vector-menu-heading" style="align-items:center; padding:0 7px; font-size:1em">[[File:Flag-{{Language/interface}}.png|link=|16px]]&nbsp;{{ucfirst:{{#language:{{Language/interface}}}}}}</div>
<div class="vector-menu-content" style="inset-inline:auto -11px; padding:0 10px 10px; border:0; background:0; box-shadow:none; font-size:1.1em; line-height:24px; width:max-content">
<table class="TablePager" style="display:block; overflow-y:auto; max-height:246px; padding:2px; border-spacing:0; scrollbar-width:thin; color-scheme:dark">
 
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--C{{{en|}}})">[[File:Flag-en.png|link=|16px]] <span style="color:#648CC8">English</span>
[{{canonicalurl:{{FULLPAGENAME}}}}?uselang=en <hr class="vector-menu-checkbox">]</td></tr>
 
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--C{{{de|1}}})">[[File:Flag-de.png|link=|16px]] [[de/{{FULLPAGENAME}}|Deutsch]]
[{{canonicalurl:{{FULLPAGENAME}}}}?uselang=de <hr class="vector-menu-checkbox">]</td></tr>
 
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--C{{{eo|}}})">[[File:Flag-eo.png|link=|16px]] [[eo/{{FULLPAGENAME}}|Esperanto]]
[{{canonicalurl:{{FULLPAGENAME}}}}?uselang=eo <hr class="vector-menu-checkbox">]</td></tr>
 
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--C{{{es|1}}})">[[File:Flag-es.png|link=|16px]] [[es/{{FULLPAGENAME}}|Español]]
[{{canonicalurl:{{FULLPAGENAME}}}}?uselang=es <hr class="vector-menu-checkbox">]</td></tr>
 
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--C{{{fi|1}}})">[[File:Flag-fi.png|link=|16px]] [[fi/{{FULLPAGENAME}}|Suomi]]
[{{canonicalurl:{{FULLPAGENAME}}}}?uselang=fi <hr class="vector-menu-checkbox">]</td></tr>
 
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--C{{{fr|}}})">[[File:Flag-fr.png|link=|16px]] [[fr/{{FULLPAGENAME}}|Français]]
[{{canonicalurl:{{FULLPAGENAME}}}}?uselang=fr <hr class="vector-menu-checkbox">]</td></tr>
 
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--C{{{hr|}}})">[[File:Flag-hr.png|link=|16px]] [[hr/{{FULLPAGENAME}}|Hrvatski]]
[{{canonicalurl:{{FULLPAGENAME}}}}?uselang=hr <hr class="vector-menu-checkbox">]</td></tr>
 
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--C{{{hu|}}})">[[File:Flag-hu.png|link=|16px]] [[hu/{{FULLPAGENAME}}|Magyar]]
[{{canonicalurl:{{FULLPAGENAME}}}}?uselang=hu <hr class="vector-menu-checkbox">]</td></tr>
 
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--C{{{it|}}})">[[File:Flag-it.png|link=|16px]] [[it/{{FULLPAGENAME}}|Italiano]]
[{{canonicalurl:{{FULLPAGENAME}}}}?uselang=it <hr class="vector-menu-checkbox">]</td></tr>
 
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--C{{{hi|}}})">[[File:Flag-hi.png|link=|16px]] [[hi/{{FULLPAGENAME}}|हिन्दी]]
[{{canonicalurl:{{FULLPAGENAME}}}}?uselang=hi <hr class="vector-menu-checkbox">]</td></tr>
 
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--C{{{ja|}}})">[[File:Flag-ja.png|link=|16px]] [[ja/{{FULLPAGENAME}}|日本語]]
[{{canonicalurl:{{FULLPAGENAME}}}}?uselang=ja <hr class="vector-menu-checkbox">]</td></tr>
 
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--C{{{km|}}})">[[File:Flag-km.png|link=|16px]] [[km/{{FULLPAGENAME}}|ភាសាខ្មែរ]]
[{{canonicalurl:{{FULLPAGENAME}}}}?uselang=km <hr class="vector-menu-checkbox">]</td></tr>
 
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--C{{{ko|}}})">[[File:Flag-ko.png|link=|16px]] [[ko/{{FULLPAGENAME}}|한국어]]
[{{canonicalurl:{{FULLPAGENAME}}}}?uselang=ko <hr class="vector-menu-checkbox">]</td></tr>
 
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--C{{{ms|}}})">[[File:Flag-ms.png|link=|16px]] [[ms/{{FULLPAGENAME}}|Bahasa Melayu]]
[{{canonicalurl:{{FULLPAGENAME}}}}?uselang=ms <hr class="vector-menu-checkbox">]</td></tr>
 
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--C{{{nl|}}})">[[File:Flag-nl.png|link=|16px]] [[nl/{{FULLPAGENAME}}|Nederlands]]
[{{canonicalurl:{{FULLPAGENAME}}}}?uselang=nl <hr class="vector-menu-checkbox">]</td></tr>
 
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--C{{{pl|}}})">[[File:Flag-pl.png|link=|16px]] [[pl/{{FULLPAGENAME}}|Polski]]
[{{canonicalurl:{{FULLPAGENAME}}}}?uselang=pl <hr class="vector-menu-checkbox">]</td></tr>
 
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--C{{{pt|}}})">[[File:Flag-pt.png|link=|16px]] [[pt/{{FULLPAGENAME}}|Português]]
[{{canonicalurl:{{FULLPAGENAME}}}}?uselang=pt <hr class="vector-menu-checkbox">]</td></tr>
 
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--C{{{pt-br|}}})">[[File:Flag-pt-br.png|link=|16px]] [[pt-br/{{FULLPAGENAME}}|Português do Brasil]]
[{{canonicalurl:{{FULLPAGENAME}}}}?uselang=pt-br <hr class="vector-menu-checkbox">]</td></tr>
 
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--C{{{ru|}}})">[[File:Flag-ru.png|link=|16px]] [[ru/{{FULLPAGENAME}}|Русский]]
[{{canonicalurl:{{FULLPAGENAME}}}}?uselang=ru <hr class="vector-menu-checkbox">]</td></tr>
 
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--C{{{sv|}}})">[[File:Flag-sv.png|link=|16px]] [[sv/{{FULLPAGENAME}}|Svenska]]
[{{canonicalurl:{{FULLPAGENAME}}}}?uselang=sv <hr class="vector-menu-checkbox">]</td></tr>
 
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--C{{{tr|}}})">[[File:Flag-tr.png|link=|16px]] [[tr/{{FULLPAGENAME}}|Türkçe]]
[{{canonicalurl:{{FULLPAGENAME}}}}?uselang=tr <hr class="vector-menu-checkbox">]</td></tr>
 
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--C{{{uk|}}})">[[File:Flag-uk.png|link=|16px]] [[uk/{{FULLPAGENAME}}|Українська]]
[{{canonicalurl:{{FULLPAGENAME}}}}?uselang=uk <hr class="vector-menu-checkbox">]</td></tr>
 
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--C{{{vi|}}})">[[File:Flag-vi.png|link=|16px]] [[vi/{{FULLPAGENAME}}|Tiếng Việt]]
[{{canonicalurl:{{FULLPAGENAME}}}}?uselang=vi <hr class="vector-menu-checkbox">]</td></tr>
 
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--C{{{zh|}}})">[[File:Flag-zh.png|link=|16px]] [[zh/{{FULLPAGENAME}}|中文]]
[{{canonicalurl:{{FULLPAGENAME}}}}?uselang=zh <hr class="vector-menu-checkbox">]</td></tr>
 
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--C{{{zh-tw|}}})">[[File:Flag-zh-tw.png|link=|16px]] [[zh-tw/{{FULLPAGENAME}}|中文(臺灣)]]
[{{canonicalurl:{{FULLPAGENAME}}}}?uselang=zh-tw <hr class="vector-menu-checkbox">]</td></tr>
 
</table>
</div></div>
 
</div>
</div>
</div></includeonly>


== ''Windows'' Windows ==
== ''Windows'' Windows ==
Line 112: Line 367:
</div>
</div>
<div class="window-body has-space" style="background:#f0f0f0; border:1px solid rgba(0,0,0,.7); box-shadow:0 0 1px 0.5px #fff; margin:0 6px 6px; padding:6px">This<br>is<br>my<br>Windows<br>7<br>Aero<br>!</div>
<div class="window-body has-space" style="background:#f0f0f0; border:1px solid rgba(0,0,0,.7); box-shadow:0 0 1px 0.5px #fff; margin:0 6px 6px; padding:6px">This<br>is<br>my<br>Windows<br>7<br>Aero<br>!</div>
</div>
== SVG imitation ==
<div style="border:solid white; border-width:0 2px 2px 0; display:inline-block; padding:2px; transform:rotate(-45deg);"></div><br>
<div style="border:solid white; border-width:0 2px 2px 0; display:inline-block; padding:2px; transform:rotate(45deg);"></div><br>
<div style="border:solid white; border-width:0 2px 2px 0; display:inline-block; padding:2px; transform:rotate(-135deg);"></div><br>
<div style="border:solid white; border-width:0 2px 2px 0; display:inline-block; padding:2px; transform:rotate(135deg);"></div>
<div style="display:flex; flex-direction:column; align-items:center; width:min-content">
<div style="width:8px; height:6px; border:3px solid #818181; border-bottom:0; border-radius:10px 10px 0 0"></div>
<div style="background:#FFCD30; width:16px; height:12px; border-radius:0 0 2px 2px"></div>
</div>
<div style=text-align:center;background:lightgrey>
<span style="text-shadow:1px 0 1px #000, 0 1px 1px #000, -1px 0 1px #000, 0 -1px 1px #000;">Всякий текст ё-маё</span>
</div>
<div style=text-align:center;background:lightgrey>
<span style="text-shadow:1px 0 1px #000, 0 1px 1px #000, -1px 0 1px #000, 0 -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000;">Всякий текст ё-маё</span>
</div>
<div style=text-align:center;background:lightgrey>
<span style="text-shadow:1px 0 1px #000, 0 1px 1px #000, -1px 0 1px #000, 0 -1px 1px #000;">Всякий текст ё-маё</span>
</div>
<div style=text-align:center;background:lightgrey>
<span style="text-shadow:1px 0 1px #0000008F, 0 1px 1px #0000008F, -1px 0 1px #0000008F, 0 -1px 1px #0000008F, 1px 1px 1px #0000008F, -1px 1px 1px #0000008F, 1px -1px 1px #0000008F, -1px -1px 1px #0000008F;">Всякий текст ё-маё</span>
</div>
<div style=text-align:center;background:lightgrey>
<span style="text-shadow:1px 0 0 #000, 0 1px 0 #000, -1px 0 0 #000, 0 -1px 0 #000, 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000;">Всякий текст ё-маё</span>
</div>
<div style=text-align:center;background:lightgrey>
<span style="-webkit-text-stroke:1px #000">Всякий текст ё-маё</span>
</div>
</div>


Line 169: Line 378:




{{{1}}}


{{#time: i:s|now}}
{{#time: i:s|now}}
Line 179: Line 386:


<div id="AnotherOne-ru">Размер текста:</div>
<div id="AnotherOne-ru">Размер текста:</div>
Translation Progress (Russian): {{#expr: (({{PAGESINCATEGORY:Tp-ru full}} + ({{PAGESINCATEGORY:Tp-ru high}} * 80 + {{PAGESINCATEGORY:Tp-ru average}} * 50 + {{PAGESINCATEGORY:Tp-ru low}} * 20) / 100) * 100) / ({{PAGESINCATEGORY:Tp-ru full}} + {{PAGESINCATEGORY:Tp-ru high}} + {{PAGESINCATEGORY:Tp-ru average}} + {{PAGESINCATEGORY:Tp-ru low}} + {{PAGESINCATEGORY:Tp-ru zero}}) }}%


== Named Colors ==
== Named Colors ==
<span style="color:IndianRed">█</span>
<b style="color:IndianRed">█</b>
<span style="color:LightCoral">█</span>
<b style="color:LightCoral">█</b>
<span style="color:Salmon">█</span>
<b style="color:Salmon">█</b>
<span style="color:DarkSalmon">█</span>
<b style="color:DarkSalmon">█</b>
<span style="color:LightSalmon">█</span>
<b style="color:LightSalmon">█</b>
<span style="color:Crimson">█</span>
<b style="color:Crimson">█</b>
<span style="color:Red">█</span>
<b style="color:Red">█</b>
<span style="color:FireBrick">█</span>
<b style="color:FireBrick">█</b>
<span style="color:DarkRed">█</span>
<b style="color:DarkRed">█</b>
 
<span style="color:Pink">█</span>
<span style="color:LightPink">█</span>
<span style="color:HotPink">█</span>
<span style="color:DeepPink">█</span>
<span style="color:MediumVioletRed">█</span>
<span style="color:PaleVioletRed">█</span>
 
<span style="color:LightSalmon">█</span>
<span style="color:Coral">█</span>
<span style="color:Tomato">█</span>
<span style="color:OrangeRed">█</span>
<span style="color:DarkOrange">█</span>
<span style="color:Orange">█</span>
 
<span style="color:Gold">█</span>
<span style="color:Yellow">█</span>
<span style="color:LightYellow">█</span>
<span style="color:LemonChiffon">█</span>
<span style="color:LightGoldenrodYellow">█</span>
<span style="color:PapayaWhip">█</span>
<span style="color:Moccasin">█</span>
<span style="color:PeachPuff">█</span>
<span style="color:PaleGoldenrod">█</span>
<span style="color:Khaki">█</span>
<span style="color:DarkKhaki">█</span>
 
<span style="color:Lavender">█</span>
<span style="color:Thistle">█</span>
<span style="color:Plum">█</span>
<span style="color:Violet">█</span>
<span style="color:Orchid">█</span>
<span style="color:Fuchsia">█</span>
<span style="color:Magenta">█</span>
<span style="color:MediumOrchid">█</span>
<span style="color:MediumPurple">█</span>
<span style="color:RebeccaPurple">█</span>
<span style="color:BlueViolet">█</span>
<span style="color:DarkViolet">█</span>
<span style="color:DarkOrchid">█</span>
<span style="color:DarkMagenta">█</span>
<span style="color:Purple">█</span>
<span style="color:Indigo">█</span>
<span style="color:SlateBlue">█</span>
<span style="color:DarkSlateBlue">█</span>
<span style="color:MediumSlateBlue">█</span>
 
<span style="color:GreenYellow">█</span>
<span style="color:Chartreuse">█</span>
<span style="color:LawnGreen">█</span>
<span style="color:Lime">█</span>
<span style="color:LimeGreen">█</span>
<span style="color:PaleGreen">█</span>
<span style="color:LightGreen">█</span>
<span style="color:MediumSpringGreen">█</span>
<span style="color:SpringGreen">█</span>
<span style="color:MediumSeaGreen">█</span>
<span style="color:SeaGreen">█</span>
<span style="color:ForestGreen">█</span>
<span style="color:Green">█</span>
<span style="color:DarkGreen">█</span>
<span style="color:YellowGreen">█</span>
<span style="color:OliveDrab">█</span>
<span style="color:Olive">█</span>
<span style="color:DarkOliveGreen">█</span>
<span style="color:MediumAquamarine">█</span>
<span style="color:DarkSeaGreen">█</span>
<span style="color:LightSeaGreen">█</span>
<span style="color:DarkCyan">█</span>
<span style="color:Teal">█</span>
 
<span style="color:Aqua">█</span>
<span style="color:Cyan">█</span>
<span style="color:LightCyan">█</span>
<span style="color:PaleTurquoise">█</span>
<span style="color:Aquamarine">█</span>
<span style="color:Turquoise">█</span>
<span style="color:MediumTurquoise">█</span>
<span style="color:DarkTurquoise">█</span>
<span style="color:CadetBlue">█</span>
<span style="color:SteelBlue">█</span>
<span style="color:LightSteelBlue">█</span>
<span style="color:PowderBlue">█</span>
<span style="color:LightBlue">█</span>
<span style="color:SkyBlue">█</span>
<span style="color:LightSkyBlue">█</span>
<span style="color:DeepSkyBlue">█</span>
<span style="color:DodgerBlue">█</span>
<span style="color:CornflowerBlue">█</span>
<span style="color:MediumSlateBlue">█</span>
<span style="color:RoyalBlue">█</span>
<span style="color:Blue">█</span>
<span style="color:MediumBlue">█</span>
<span style="color:DarkBlue">█</span>
<span style="color:Navy">█</span>
<span style="color:MidnightBlue">█</span>
 
<span style="color:Cornsilk">█</span>
<span style="color:BlanchedAlmond">█</span>
<span style="color:Bisque">█</span>
<span style="color:NavajoWhite">█</span>
<span style="color:Wheat">█</span>
<span style="color:BurlyWood">█</span>
<span style="color:Tan">█</span>
<span style="color:RosyBrown">█</span>
<span style="color:SandyBrown">█</span>
<span style="color:Goldenrod">█</span>
<span style="color:DarkGoldenrod">█</span>
<span style="color:Peru">█</span>
<span style="color:Chocolate">█</span>
<span style="color:SaddleBrown">█</span>
<span style="color:Sienna">█</span>
<span style="color:Brown">█</span>
<span style="color:Maroon">█</span>
 
<span style="color:White">█</span>
<span style="color:Snow">█</span>
<span style="color:HoneyDew">█</span>
<span style="color:MintCream">█</span>
<span style="color:Azure">█</span>
<span style="color:AliceBlue">█</span>
<span style="color:GhostWhite">█</span>
<span style="color:WhiteSmoke">█</span>
<span style="color:SeaShell">█</span>
<span style="color:Beige">█</span>
<span style="color:OldLace">█</span>
<span style="color:FloralWhite">█</span>
<span style="color:Ivory">█</span>
<span style="color:AntiqueWhite">█</span>
<span style="color:Linen">█</span>
<span style="color:LavenderBlush">█</span>
<span style="color:MistyRose">█</span>


<span style="color:Gainsboro">█</span>
<b style="color:Pink">█</b>
<span style="color:LightGray">█</span>
<b style="color:LightPink">█</b>
<span style="color:Silver">█</span>
<b style="color:HotPink">█</b>
<span style="color:DarkGray">█</span>
<b style="color:DeepPink">█</b>
<span style="color:Gray">█</span>
<b style="color:MediumVioletRed">█</b>
<span style="color:DimGray">█</span>
<b style="color:PaleVioletRed">█</b>
<span style="color:LightSlateGray">█</span>
<span style="color:SlateGray">█</span>
<span style="color:DarkSlateGray">█</span>
<span style="color:Black">█</span>


== For VDCEditor tests ==
<b style="color:LightSalmon">█</b>
Это самый обычный текст.
<b style="color:Coral">█</b>
<b style="color:Tomato">█</b>
<b style="color:OrangeRed">█</b>
<b style="color:DarkOrange">█</b>
<b style="color:Orange">█</b>


<span>Это текст обёрнутый в тег &lt;span&gt;.</span>
<b style="color:Gold"></b>
<b style="color:Yellow">█</b>
<b style="color:LightYellow">█</b>
<b style="color:LemonChiffon">█</b>
<b style="color:LightGoldenrodYellow">█</b>
<b style="color:PapayaWhip">█</b>
<b style="color:Moccasin">█</b>
<b style="color:PeachPuff">█</b>
<b style="color:PaleGoldenrod">█</b>
<b style="color:Khaki">█</b>
<b style="color:DarkKhaki">█</b>


<span style="font-weight:bold">У этого текста указано CSS свойство font-weight:bold, что делает его жирным.</span>
<b style="color:Lavender">█</b>
<b style="color:Thistle">█</b>
<b style="color:Plum">█</b>
<b style="color:Violet">█</b>
<b style="color:Orchid">█</b>
<b style="color:Fuchsia">█</b>
<b style="color:Magenta">█</b>
<b style="color:MediumOrchid">█</b>
<b style="color:MediumPurple">█</b>
<b style="color:RebeccaPurple">█</b>
<b style="color:BlueViolet">█</b>
<b style="color:DarkViolet">█</b>
<b style="color:DarkOrchid">█</b>
<b style="color:DarkMagenta">█</b>
<b style="color:Purple">█</b>
<b style="color:Indigo">█</b>
<b style="color:SlateBlue">█</b>
<b style="color:DarkSlateBlue">█</b>
<b style="color:MediumSlateBlue">█</b>


<span style="color:green">Тут текст окрашен в зелёный цвет с помощью CSS свойства color:green.</span>
<b style="color:GreenYellow">█</b>
<b style="color:Chartreuse">█</b>
<b style="color:LawnGreen">█</b>
<b style="color:Lime">█</b>
<b style="color:LimeGreen">█</b>
<b style="color:PaleGreen">█</b>
<b style="color:LightGreen">█</b>
<b style="color:MediumSpringGreen">█</b>
<b style="color:SpringGreen">█</b>
<b style="color:MediumSeaGreen">█</b>
<b style="color:SeaGreen">█</b>
<b style="color:ForestGreen">█</b>
<b style="color:Green">█</b>
<b style="color:DarkGreen">█</b>
<b style="color:YellowGreen">█</b>
<b style="color:OliveDrab">█</b>
<b style="color:Olive">█</b>
<b style="color:DarkOliveGreen">█</b>
<b style="color:MediumAquamarine">█</b>
<b style="color:DarkSeaGreen">█</b>
<b style="color:LightSeaGreen">█</b>
<b style="color:DarkCyan">█</b>
<b style="color:Teal">█</b>


<span style="color:#00FF00">В этом тексте <span style="color:#0000FF; font-weight:bold">используется вложенный тег &lt;span&gt;</span> с другим цветом текста</span>
<b style="color:Aqua"></b>
<b style="color:Cyan">█</b>
<b style="color:LightCyan">█</b>
<b style="color:PaleTurquoise">█</b>
<b style="color:Aquamarine">█</b>
<b style="color:Turquoise">█</b>
<b style="color:MediumTurquoise">█</b>
<b style="color:DarkTurquoise">█</b>
<b style="color:CadetBlue">█</b>
<b style="color:SteelBlue">█</b>
<b style="color:LightSteelBlue">█</b>
<b style="color:PowderBlue">█</b>
<b style="color:LightBlue">█</b>
<b style="color:SkyBlue">█</b>
<b style="color:LightSkyBlue">█</b>
<b style="color:DeepSkyBlue">█</b>
<b style="color:DodgerBlue">█</b>
<b style="color:CornflowerBlue">█</b>
<b style="color:MediumSlateBlue">█</b>
<b style="color:RoyalBlue">█</b>
<b style="color:Blue"></b>
<b style="color:MediumBlue">█</b>
<b style="color:DarkBlue">█</b>
<b style="color:Navy">█</b>
<b style="color:MidnightBlue"></b>


В этом тексте используется шаблон &#123;&#123;intlang&#125;&#125;, который отображает код языка интерфейса ({{intlang}}).
<b style="color:Cornsilk">█</b>
<b style="color:BlanchedAlmond">█</b>
<b style="color:Bisque">█</b>
<b style="color:NavajoWhite">█</b>
<b style="color:Wheat">█</b>
<b style="color:BurlyWood">█</b>
<b style="color:Tan">█</b>
<b style="color:RosyBrown">█</b>
<b style="color:SandyBrown">█</b>
<b style="color:Goldenrod">█</b>
<b style="color:DarkGoldenrod">█</b>
<b style="color:Peru">█</b>
<b style="color:Chocolate">█</b>
<b style="color:SaddleBrown">█</b>
<b style="color:Sienna">█</b>
<b style="color:Brown">█</b>
<b style="color:Maroon">█</b>


А здесь используется параметр, стандартным значением которого является 'green' если он не был указан: {{{size|green}}}.
<b style="color:White">█</b>
<b style="color:Snow">█</b>
<b style="color:HoneyDew">█</b>
<b style="color:MintCream">█</b>
<b style="color:Azure">█</b>
<b style="color:AliceBlue">█</b>
<b style="color:GhostWhite">█</b>
<b style="color:WhiteSmoke">█</b>
<b style="color:SeaShell">█</b>
<b style="color:Beige">█</b>
<b style="color:OldLace">█</b>
<b style="color:FloralWhite">█</b>
<b style="color:Ivory">█</b>
<b style="color:AntiqueWhite">█</b>
<b style="color:Linen">█</b>
<b style="color:LavenderBlush">█</b>
<b style="color:MistyRose">█</b>


<span style="background:{{{size|green}}}">Этот же параметр, но уже в CSS стиле текста</span>
<b style="color:Gainsboro"></b>
<b style="color:LightGray">█</b>
<b style="color:Silver">█</b>
<b style="color:DarkGray">█</b>
<b style="color:Gray">█</b>
<b style="color:DimGray">█</b>
<b style="color:LightSlateGray">█</b>
<b style="color:SlateGray">█</b>
<b style="color:DarkSlateGray">█</b>
<b style="color:Black">█</b>

Latest revision as of 04:07, 28 November 2025

A completely normal text that definitely doesn't change in any way during the preview when editing this page.

Usage

This template prefers inline formatting of parameters

Parameters Description
Examples Preview
| <Text>
| 1 = <Text>
The text that will be displayed. Can contain links, templates and raw html, except when the {{{lang}}} parameter is used.
{{Code|Hello, World!}}
Hello, World!
{{Code|1 = Text With = Symbol!}}
Text With = Symbol!
| lang = <Option> Adds syntax highlighting for the language specified using syntaxhighlight tag with inline attribute.
List of Supported languages.
{{Code|lang=c|int main() { return 0; } }}
int main() { return 0; }
| style = <CSS> CSS styles. Note that some styles require !important to be specified.
{{Code|style=color:#EF9B9B !important|Colored text}}
Colored text


Parameters Description
Examples Preview
| <Text>
| 1 = <Text>
Text for detailing a reason.
{{Delete|More details}}
Warning icon.png
This article has been marked as a candidate for speedy deletion for the following reason:
More details
If you object to this decision, then please discuss why here (If you make a discussion section also create this redirect page). If this page doesn't meet the criteria for speedy deletion, then please remove this notice, but do not remove it from pages that you have created yourself
Administrators / Moderators - Remember to check if anything links here and the page history before deleting.
{{Delete|1 = Details with = symbol}}
Warning icon.png
This article has been marked as a candidate for speedy deletion for the following reason:
Details with = symbol
If you object to this decision, then please discuss why here (If you make a discussion section also create this redirect page). If this page doesn't meet the criteria for speedy deletion, then please remove this notice, but do not remove it from pages that you have created yourself
Administrators / Moderators - Remember to check if anything links here and the page history before deleting.
| reason = <Option> Defines the reasoning for deletion. Available reasons:
  • imgpolicy – for failing to meet the image use policy.
  • modcriteria – for failing to meet the mod profile criteria.
  • moved – because it has moved.
  • deprecated – because it is deprecated.
  • spam – because it is spam.
  • unwanted – because it is unwanted by the author.
  • unused – because it is unused.
  • irrelevant – because it is irrelevant to the wiki's scope.
  • duplicate – because it is a duplicate of a different page or image.
{{Delete|reason = deprecated}}
Warning icon.png
This article has been marked as a candidate for speedy deletion because it has been deprecated.
If you object to this decision, then please discuss why here (If you make a discussion section also create this redirect page). If this page doesn't meet the criteria for speedy deletion, then please remove this notice, but do not remove it from pages that you have created yourself
Administrators / Moderators - Remember to check if anything links here and the page history before deleting.
{{Delete|reason = spam}}
Warning icon.png
This article has been marked as a candidate for speedy deletion because it is spam.
If you object to this decision, then please discuss why here (If you make a discussion section also create this redirect page). If this page doesn't meet the criteria for speedy deletion, then please remove this notice, but do not remove it from pages that you have created yourself
Administrators / Moderators - Remember to check if anything links here and the page history before deleting.
| namespace = <Wiki namespace> Specifies the namespace of page. The page namespace is determined automatically if this parameter is not specified.
{{Delete|namespace = template}}
Warning icon.png
This template has been marked as a candidate for speedy deletion.
If you object to this decision, then please discuss why here (If you make a discussion section also create this redirect page). If this page doesn't meet the criteria for speedy deletion, then please remove this notice, but do not remove it from pages that you have created yourself
Administrators / Moderators - Remember to check if anything links here and the page history before deleting.
| nocat = <Any> Parameter for preventing the adding of the Category:Candidates for speedy deletion on page. Does not change anything visibly.
This is not intended for use on pages and exists only for the documentation page.
{{Delete|nocat = 1}}
Warning icon.png
This article has been marked as a candidate for speedy deletion.
If you object to this decision, then please discuss why here (If you make a discussion section also create this redirect page). If this page doesn't meet the criteria for speedy deletion, then please remove this notice, but do not remove it from pages that you have created yourself
Administrators / Moderators - Remember to check if anything links here and the page history before deleting.

Stuff for Templates

This template prefers inline formatting of parameters.

This template prefers block formatting of parameters.

This template requires special formatting of parameters.

Header

Some Text:

Example text

Button Imitation


Loading (no)

Useful Interface messages

  • Preview
  • (Preview not available)
  • No description available.
  • Examples
  • Deprecated parameters
  • Additional parameters
  • Parameter name
  • This parameter is required.
  • This parameter is deprecated.
  • the empty string
  • Default: value
  • Default: (empty)
  • Must be empty
    • Can be empty, or value
  • Type: float
    • Type: list of floats
  • Type: integer
    • Type: list of integers
  • Only accepts pages that exist.
  • Accepts non-existent pages.
  • username
  • The "value" parameter must be set.
  • Actions
  • Translate
  • Language:
  • Valve Developer Community does not have namespace "$1".
  • Credits
  • Data types
  • Examples:
    • Examples:
  • Deprecated.
  • deprecated
  • Source: value
  • Parameter value1 cannot be used without value2.
  • File does not exist.
  • Unknown error.
  • Page content.
  • Title of the page.


Anchor with margin

Gallery stuff

Wayback svg icon

My reworked version is more pixel accurate, but still looks bad at smaller sizes.


Windows Windows

My First Windows 98 Program
This is my Windows 98!



My First Windows XP Program
This is my Windows XP!



My First Windows 7 Program
This is my Windows 7!



My First Windows 7 Aero Program
This
is
my
Windows
7
Aero
!



scroll-margin-top works!



27:07

Hi, i’m Test!
Text Size:
Размер текста:

Named Colors