User:Max34/Sandbox: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
mNo edit summary
mNo edit summary
 
(3 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>}}
{{#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>}}


== "Страница" ==
== Stuff for Templates ==
<onlyinclude>Этот текст будет переноситься!<noinclude> ''А вот этот нет.''</noinclude> И снова переносимый текст!
<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.
 
А вот и {{Code<noinclude>|preset=2</noinclude>|шаблон}} который в ориге имеет preset=2, но не в вызове! А здесь наоборот: {{Code<includeonly>|preset=2</includeonly>|шаблон}}.
 
Или вот как тебе появляющаяся {{T|<noinclude>|</noinclude>Test}} ссылка? Или внезапный <span style="color:<includeonly>green">зелёный</includeonly><noinclude>red">красный</noinclude></span>?</onlyinclude>
 
== Её вызов ==
{{:User:Max34/Sandbox}}
 
 
 
 
 


<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)


== Useful Interface messages ==
== Useful Interface messages ==
Line 62: Line 54:
__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 93: Line 82:
</ul>
</ul>
</div>
</div>
{{#tag:{{#if:{{{lang|}}}|syntaxhighlight|code}}|{{{|{{{1|}}}}}}|style=background:#0003 !important|lang={{{lang|}}}|inline=1}}


== Wayback svg icon ==
== Wayback svg icon ==
Line 100: Line 87:
<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 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>


== Some Experiments with collapsible elements ==
<!-- <1div class="plainlinks" style="position:absolute; inset-inline-end:0; top:19px; display:flex; align-items:center; gap:2px; width:max-content; line-height:27px; user-select:none">
<div style="overflow:hidden; height:1lh; background:#444">
<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 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>
</div>
 
<!-- <1div class="plainlinks" style="position:absolute; inset-inline-end:0; top:19px; display:flex; width:max-content; background:linear-gradient(#0000, #2E2E2E); line-height:27px; user-select:none; --Border:linear-gradient(#0000, #65635F); --Darkener:linear-gradient(#26262670, #26262670)">


<div style="width:1px; background:var(--Border)"></div>
<nowiki/>{{#if:{{PROTECTIONLEVEL:edit}}|<div style="position:relative">
<div style="background:#808080; width:20px; height:21px; clip-path:path('M10 0C11.636 0 13.357.768 14.419 1.831 15.482 2.893 16.195 4.614 16.25 6.25L16.25 7.5H13.75L13.75 6.25C13.805 5.125 13.399 4.346 12.652 3.598 11.904 2.851 11.125 2.5 10 2.5 8.875 2.5 8.096 2.851 7.348 3.598 6.601 4.346 6.195 5.125 6.25 6.25L6.25 7.5H3.75L3.75 6.25C3.805 4.614 4.518 2.893 5.581 1.831 6.643.768 8.364 0 10 0Z')"></div>
<div style="position:absolute; top:0; width:20px; height:21px; background:#F7{{#ifeq:{{PROTECTIONLEVEL:edit}}|sysop|48|C0}}43; clip-path:path('M3.75 7.5 16.25 7.5C16.94 7.5 17.5 8.06 17.5 8.75L17.5 18.75C17.5 19.44 16.94 20 16.25 20L3.75 20C3.06 20 2.5 19.44 2.5 18.75L2.5 8.75C2.5 8.06 3.06 7.5 3.75 7.5ZM12 11.75C12 10.645 11.105 9.75 10 9.75 8.895 9.75 8 10.645 8 11.75 8 12.855 8.895 13.75 10 13.75 11.105 13.75 12 12.855 12 11.75ZM13.75 17.5 13.75 16.5C13.75 14.5 6.25 14.5 6.25 16.5L6.25 17.5Z')"></div> [[w:Project:Protection policy#{{#ifeq:{{PROTECTIONLEVEL:edit}}|sysop|Full_protection|Semi-protection}}|<hr class="vector-menu-checkbox" title="This page is {{#ifeq:{{PROTECTIONLEVEL:edit}}|sysop||semi-}}protected">]]
</div>}}


<div class="toctogglelabel" style="position:relative; padding:0 7px; color:#898785 !important">[{{canonicalurl:ru/SDK Docs}}?action=edit <hr class="vector-menu-checkbox">] Edit Translation</div>
<div style="display:flex; background:linear-gradient(#0000, #2E2E2E); --Border:linear-gradient(#0000, #65635F) 1; --Darkener:linear-gradient(#26262670, #26262670)">


<div style="width:1px; background:var(--Border)"></div>
<nowiki/>{{#ifeq:ru|en||<div class="toctogglelabel" style="position:relative; padding:0 7px; border-inline:1px solid; border-image:var(--Border); color:#{{#ifexist:ru/{{FULLPAGENAME}}|898785 !important">[{{canonicalurl:ru/{{FULLPAGENAME}}}}?action=edit <hr class="vector-menu-checkbox">] Edit Translation|688BA8 !important">[{{canonicalurl:ru/{{FULLPAGENAME}}}}?action=edit <hr class="vector-menu-checkbox">] Create Translation}}</div>


<div class="vector-menu-dropdown" style="all:unset; position:relative">
<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-heading" style="align-items:center; padding:0 7px; font-size:1em">{{int:Cactions}}</div>
<div class="vector-menu-content" style="left:auto; right:auto; inset-inline-end:-11px; width:max-content; padding:0 10px 10px; border:0; background:none; box-shadow:none; line-height:24px; font-size:1.1em; cursor:default">
<div class="vector-menu-content" style="left:auto; right:auto; inset-inline-end:-11px; width:max-content; padding:0 10px 10px; border:0; background:none; box-shadow:none; line-height:24px; font-size:1.1em">
<table class="TablePager" cellspacing="0" style="padding:2px">
<table class="TablePager" style="padding:2px; border-spacing:0">


<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 5px; border:0; background-image:var(--Darkener)">
{{#ifexist:ru/{{FULLPAGENAME}}|<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 5px; border:0; background-image:var(--Darkener)">
<div style="width:18px; height:18px; background:#EEE; clip-path:path('M4.73 11.68C3.58 10.7 2.77 9.58 2.38 9c.39-.58 1.2-1.7 2.35-2.68C5.91 5.3 7.36 4.5 9 4.5s3.1.8 4.27 1.82c1.15.98 1.96 2.1 2.35 2.68-.39.58-1.2 1.7-2.35 2.68C12.1 12.7 10.64 13.5 9 13.5c-1.64 0-3.09-.8-4.27-1.82ZM9 3C6.86 3 5.07 4.05 3.75 5.18 2.42 6.32 1.51 7.6 1.1 8.23.79 8.7.79 9.3 1.1 9.77c.41.63 1.32 1.91 2.65 3.05C5.07 13.95 6.86 15 9 15s3.93-1.05 5.25-2.18c1.33-1.14 2.24-2.42 2.65-3.05.31-.47.31-1.07 0-1.54-.41-.63-1.32-1.91-2.65-3.05C12.93 4.05 11.14 3 9 3ZM7.5 9c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5-.67 1.5-1.5 1.5S7.5 9.83 7.5 9ZM9 6C7.34 6 6 7.34 6 9s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3Z')"></div> {{int:view}}
<div style="width:18px; height:18px; background:#EEE; clip-path:path('M4.73 11.68C3.58 10.7 2.77 9.58 2.38 9c.39-.58 1.2-1.7 2.35-2.68C5.91 5.3 7.36 4.5 9 4.5s3.1.8 4.27 1.82c1.15.98 1.96 2.1 2.35 2.68-.39.58-1.2 1.7-2.35 2.68C12.1 12.7 10.64 13.5 9 13.5c-1.64 0-3.09-.8-4.27-1.82ZM9 3C6.86 3 5.07 4.05 3.75 5.18 2.42 6.32 1.51 7.6 1.1 8.23.79 8.7.79 9.3 1.1 9.77c.41.63 1.32 1.91 2.65 3.05C5.07 13.95 6.86 15 9 15s3.93-1.05 5.25-2.18c1.33-1.14 2.24-2.42 2.65-3.05.31-.47.31-1.07 0-1.54-.41-.63-1.32-1.91-2.65-3.05C12.93 4.05 11.14 3 9 3ZM7.5 9c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5-.67 1.5-1.5 1.5S7.5 9.83 7.5 9ZM9 6C7.34 6 6 7.34 6 9s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3Z')"></div> {{int:View}}
[{{canonicalurl:ru/{{FULLPAGENAME}}}} <hr class="vector-menu-checkbox">]
[{{canonicalurl:ru/{{FULLPAGENAME}}}} <hr class="vector-menu-checkbox">]
</td></tr>
</td></tr>


<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 5px; border:0; background-image:var(--Darkener)">
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 5px; border:0; background-image:var(--Darkener)">
<div style="width:18px; height:18px; background:#EEE; clip-path:path('m3.76 8.68.96-.96c.29-.29.77-.29 1.06 0s.29.77 0 1.06L3.53 11.03c-.14.14-.33.22-.53.22s-.39-.08-.53-.22L.22 8.78c-.29-.29-.29-.77 0-1.06s.77-.29 1.06 0l.98.98c.16-4.01 3.45-7.2 7.49-7.2 4.14 0 7.5 3.36 7.5 7.5s-3.36 7.5-7.5 7.5c-2.36 0-4.46-1.09-5.83-2.79-.26-.32-.21-.79.11-1.05.32-.26.79-.21 1.05.11C6.18 14.13 7.87 15 9.75 15c3.31 0 6-2.69 6-6s-2.69-6-6-6C6.54 3 3.92 5.52 3.76 8.68ZM9.75 3.75c.41 0 .75.34.75.75V8.69l2.03 2.03c.29.29.29.77 0 1.06-.29.29-.77.29-1.06 0L9.22 9.53C9.08 9.39 9 9.2 9 9V4.5c0-.41.34-.75.75-.75Z')"></div> {{int:vector-view-history}}
<div style="width:18px; height:18px; background:#EEE; clip-path:path('m3.76 8.68.96-.96c.29-.29.77-.29 1.06 0s.29.77 0 1.06L3.53 11.03c-.14.14-.33.22-.53.22s-.39-.08-.53-.22L.22 8.78c-.29-.29-.29-.77 0-1.06s.77-.29 1.06 0l.98.98c.16-4.01 3.45-7.2 7.49-7.2 4.14 0 7.5 3.36 7.5 7.5s-3.36 7.5-7.5 7.5c-2.36 0-4.46-1.09-5.83-2.79-.26-.32-.21-.79.11-1.05.32-.26.79-.21 1.05.11C6.18 14.13 7.87 15 9.75 15c3.31 0 6-2.69 6-6s-2.69-6-6-6C6.54 3 3.92 5.52 3.76 8.68ZM9.75 3.75c.41 0 .75.34.75.75V8.69l2.03 2.03c.29.29.29.77 0 1.06-.29.29-.77.29-1.06 0L9.22 9.53C9.08 9.39 9 9.2 9 9V4.5c0-.41.34-.75.75-.75Z')"></div> {{int:Vector-view-history}}
[{{canonicalurl:ru/{{FULLPAGENAME}}}}?action=history <hr class="vector-menu-checkbox">]
[{{canonicalurl:ru/{{FULLPAGENAME}}}}?action=history <hr class="vector-menu-checkbox">]
</td></tr>
</td></tr>}}


<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 5px; border:0; background-image:var(--Darkener); {{#ifexist:Talk:ru/{{FULLPAGENAME}}||color:#688BA8}}">
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 5px; border:0; background-image:var(--Darkener); {{#ifexist:Talk:ru/{{FULLPAGENAME}}||color:#688BA8}}">
<div style="width:18px; height:18px; background:#EEE; clip-path:path('M17.85 13.78c.25.32.37 1.39-1.33 1.2-.5-.05-1.2-.15-2.04-.47-.56-.22-1.05-.48-1.46-.75-.67.27-1.39.44-2.14.48-1.02 1.38-2.66 2.26-4.5 2.26-.61 0-1.2-.1-1.75-.28-.33.2-.7.39-1.11.54-.84.32-1.54.44-2.04.47-.38.03-.64.01-.78 0-.28-.04-.53-.2-.65-.48-.09-.23-.06-.51.1-.72.19-.26.36-.53.53-.81.32-.53.63-1.1.71-1.74-.41-.77-.64-1.67-.64-2.6 0-2.25 1.31-4.19 3.22-5.09C4.72 2.89 7.37.75 10.5.75c3.73 0 6.75 3.02 6.75 6.75 0 1.03-.23 2.01-.64 2.88-.15 1.3.5 2.39 1.24 3.4ZM5.25 7.5c0 2.9 2.35 5.25 5.25 5.25.82 0 1.59-.19 2.27-.52.25-.12.54-.09.77.07.68.49 1.45.86 2.27 1.06-.56-1.04-.84-2.12-.68-3.3.01-.08.03-.15.07-.23.35-.7.55-1.49.55-2.33 0-2.9-2.35-5.25-5.25-5.25S5.25 4.6 5.25 7.5Zm-1.5.19c-.92.76-1.5 1.9-1.5 3.19 0 .75.2 1.46.56 2.07.07.12.11.27.1.42-.01.23-.04.48-.1.73-.12.51-.37 1.05-.63 1.51.24-.06.51-.15.8-.25.45-.17.84-.38 1.17-.59.2-.14.46-.16.68-.07.48.19 1 .3 1.55.3.98 0 1.89-.35 2.6-.92-2.94-.68-5.14-3.27-5.23-6.39Z')"></div> {{int:talk}}
<div style="width:18px; height:18px; background:#EEE; clip-path:path('{{#ifexist:Talk:ru/{{FULLPAGENAME}}||M9.5 6.5H7v2H9.5V11h2V8.5H14v-2H11.5V4h-2Z}}M17.85 13.78c.25.32.37 1.39-1.33 1.2-.5-.05-1.2-.15-2.04-.47-.56-.22-1.05-.48-1.46-.75-.67.27-1.39.44-2.14.48-1.02 1.38-2.66 2.26-4.5 2.26-.61 0-1.2-.1-1.75-.28-.33.2-.7.39-1.11.54-.84.32-1.54.44-2.04.47-.38.03-.64.01-.78 0-.28-.04-.53-.2-.65-.48-.09-.23-.06-.51.1-.72.19-.26.36-.53.53-.81.32-.53.63-1.1.71-1.74-.41-.77-.64-1.67-.64-2.6 0-2.25 1.31-4.19 3.22-5.09C4.72 2.89 7.37.75 10.5.75c3.73 0 6.75 3.02 6.75 6.75 0 1.03-.23 2.01-.64 2.88-.15 1.3.5 2.39 1.24 3.4ZM5.25 7.5c0 2.9 2.35 5.25 5.25 5.25.82 0 1.59-.19 2.27-.52.25-.12.54-.09.77.07.68.49 1.45.86 2.27 1.06-.56-1.04-.84-2.12-.68-3.3.01-.08.03-.15.07-.23.35-.7.55-1.49.55-2.33 0-2.9-2.35-5.25-5.25-5.25S5.25 4.6 5.25 7.5Zm-1.5.19c-.92.76-1.5 1.9-1.5 3.19 0 .75.2 1.46.56 2.07.07.12.11.27.1.42-.01.23-.04.48-.1.73-.12.51-.37 1.05-.63 1.51.24-.06.51-.15.8-.25.45-.17.84-.38 1.17-.59.2-.14.46-.16.68-.07.48.19 1 .3 1.55.3.98 0 1.89-.35 2.6-.92-2.94-.68-5.14-3.27-5.23-6.39Z')"></div> {{int:Talk}}
[{{canonicalurl:Talk:ru/{{FULLPAGENAME}}}} <hr class="vector-menu-checkbox">]
[{{canonicalurl:Talk:ru/{{FULLPAGENAME}}}} <hr class="vector-menu-checkbox">]
</td></tr>
</td></tr>
Line 142: Line 125:
</table>
</table>
</div>
</div>
</div>
</div>}}
 
<div style="width:1px; background:var(--Border)"></div>


<div class="vector-menu-dropdown" style="all:unset; position:relative">
<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-en.png|link=|16px]]&nbsp;{{ucfirst:{{#language:en}}}}</div>
<div class="vector-menu-heading" style="align-items:center; padding:0 7px; font-size:1em">[[File:Flag-en.png|link=|16px]]&nbsp;{{ucfirst:{{#language:en}}}}</div>
<div class="vector-menu-content" style="left:auto; right:auto; inset-inline-end:-11px; padding:0 10px 10px; border:0; background:none; box-shadow:none; font-size:1.1em; cursor:default; line-height:24px; width:max-content; color-scheme:dark">
<div class="vector-menu-content" style="left:auto; right:auto; inset-inline-end:-11px; padding:0 10px 10px; border:0; background:none; box-shadow:none; font-size:1.1em; line-height:24px; width:max-content; color-scheme:dark">
<table class="TablePager" cellspacing="0" style="display:block; overflow-y:auto; max-height:246px; padding:2px; scrollbar-width:thin">
<table class="TablePager" style="display:block; overflow-y:auto; max-height:246px; padding:2px; border-spacing:0; scrollbar-width:thin">


<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-en.png|link=|16px]] [[SDK Docs|English]]
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-en.png|link=|16px]] <span style="color:#648CC8">English</span>
[{{canonicalurl:SDK Docs}}?uselang=en <hr class="vector-menu-checkbox">]</td></tr>
[{{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(--Darkener)">[[File:Flag-de.png|link=|16px]] [[de/SDK Docs|Deutsch]]
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-de.png|link=|16px]] [[de/{{FULLPAGENAME}}|Deutsch]]
[{{canonicalurl:SDK Docs}}?uselang=de <hr class="vector-menu-checkbox">]
[{{canonicalurl:{{FULLPAGENAME}}}}?uselang=de <hr class="vector-menu-checkbox">]
<div style="flex:1"></div>[[File:Icon-broom.png|link=|16x16px]]</td></tr>
<div style="flex:1"></div>[[File:Icon-broom.png|link=|16x16px]]</td></tr>


<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-eo.png|link=|16px]] [[eo/SDK Docs|Esperanto]]
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-eo.png|link=|16px]] [[eo/{{FULLPAGENAME}}|Esperanto]]
[{{canonicalurl:SDK Docs}}?uselang=eo <hr class="vector-menu-checkbox">]</td></tr>
[{{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(--Darkener)">[[File:Flag-es.png|link=|16px]] [[es/SDK Docs|Español]]
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-es.png|link=|16px]] [[es/{{FULLPAGENAME}}|Español]]
[{{canonicalurl:SDK Docs}}?uselang=es <hr class="vector-menu-checkbox">]</td></tr>
[{{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(--Darkener)">[[File:Flag-fi.png|link=|16px]] [[fi/SDK Docs|Suomi]]
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-fi.png|link=|16px]] [[fi/{{FULLPAGENAME}}|Suomi]]
[{{canonicalurl:SDK Docs}}?uselang=fi <hr class="vector-menu-checkbox">]</td></tr>
[{{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(--Darkener)">[[File:Flag-fr.png|link=|16px]] [[fr/SDK Docs|Français]]
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-fr.png|link=|16px]] [[fr/{{FULLPAGENAME}}|Français]]
[{{canonicalurl:SDK Docs}}?uselang=fr <hr class="vector-menu-checkbox">]</td></tr>
[{{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(--Darkener)">[[File:Flag-hr.png|link=|16px]] [[hr/SDK Docs|Hrvatski]]
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-hr.png|link=|16px]] [[hr/{{FULLPAGENAME}}|Hrvatski]]
[{{canonicalurl:SDK Docs}}?uselang=hr <hr class="vector-menu-checkbox">]</td></tr>
[{{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(--Darkener)">[[File:Flag-hu.png|link=|16px]] [[hu/SDK Docs|Magyar]]
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-hu.png|link=|16px]] [[hu/{{FULLPAGENAME}}|Magyar]]
[{{canonicalurl:SDK Docs}}?uselang=hu <hr class="vector-menu-checkbox">]</td></tr>
[{{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(--Darkener)">[[File:Flag-it.png|link=|16px]] [[it/SDK Docs|Italiano]]
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-it.png|link=|16px]] [[it/{{FULLPAGENAME}}|Italiano]]
[{{canonicalurl:SDK Docs}}?uselang=it <hr class="vector-menu-checkbox">]</td></tr>
[{{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(--Darkener)">[[File:Flag-hi.png|link=|16px]] [[hi/SDK Docs|हिन्दी]]
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-hi.png|link=|16px]] [[hi/{{FULLPAGENAME}}|हिन्दी]]
[{{canonicalurl:SDK Docs}}?uselang=hi <hr class="vector-menu-checkbox">]</td></tr>
[{{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(--Darkener)">[[File:Flag-ja.png|link=|16px]] [[ja/SDK Docs|日本語]]
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-ja.png|link=|16px]] [[ja/{{FULLPAGENAME}}|日本語]]
[{{canonicalurl:SDK Docs}}?uselang=ja <hr class="vector-menu-checkbox">]</td></tr>
[{{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(--Darkener)">[[File:Flag-km.png|link=|16px]] [[km/SDK Docs|ភាសាខ្មែរ]]
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-km.png|link=|16px]] [[km/{{FULLPAGENAME}}|ភាសាខ្មែរ]]
[{{canonicalurl:SDK Docs}}?uselang=km <hr class="vector-menu-checkbox">]</td></tr>
[{{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(--Darkener)">[[File:Flag-ko.png|link=|16px]] [[ko/SDK Docs|한국어]]
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-ko.png|link=|16px]] [[ko/{{FULLPAGENAME}}|한국어]]
[{{canonicalurl:SDK Docs}}?uselang=ko <hr class="vector-menu-checkbox">]</td></tr>
[{{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(--Darkener)">[[File:Flag-ms.png|link=|16px]] [[ms/SDK Docs|Bahasa Melayu]]
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-ms.png|link=|16px]] [[ms/{{FULLPAGENAME}}|Bahasa Melayu]]
[{{canonicalurl:SDK Docs}}?uselang=ms <hr class="vector-menu-checkbox">]</td></tr>
[{{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(--Darkener)">[[File:Flag-nl.png|link=|16px]] [[nl/SDK Docs|Nederlands]]
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-nl.png|link=|16px]] [[nl/{{FULLPAGENAME}}|Nederlands]]
[{{canonicalurl:SDK Docs}}?uselang=nl <hr class="vector-menu-checkbox">]</td></tr>
[{{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(--Darkener)">[[File:Flag-pl.png|link=|16px]] [[pl/SDK Docs|Polski]]
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-pl.png|link=|16px]] [[pl/{{FULLPAGENAME}}|Polski]]
[{{canonicalurl:SDK Docs}}?uselang=pl <hr class="vector-menu-checkbox">]</td></tr>
[{{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(--Darkener)">[[File:Flag-pt.png|link=|16px]] [[pt/SDK Docs|Português]]
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-pt.png|link=|16px]] [[pt/{{FULLPAGENAME}}|Português]]
[{{canonicalurl:SDK Docs}}?uselang=pt <hr class="vector-menu-checkbox">]</td></tr>
[{{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(--Darkener)">[[File:Flag-pt-br.png|link=|16px]] [[pt-br/SDK Docs|Português do Brasil]]
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-pt-br.png|link=|16px]] [[pt-br/{{FULLPAGENAME}}|Português do Brasil]]
[{{canonicalurl:SDK Docs}}?uselang=pt-br <hr class="vector-menu-checkbox">]</td></tr>
[{{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(--Darkener)">[[File:Flag-ru.png|link=|16px]] [[ru/SDK Docs|Русский]]
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-ru.png|link=|16px]] [[ru/{{FULLPAGENAME}}|Русский]]
[{{canonicalurl:SDK Docs}}?uselang=ru <hr class="vector-menu-checkbox">]</td></tr>
[{{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(--Darkener)">[[File:Flag-sv.png|link=|16px]] [[sv/SDK Docs|Svenska]]
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-sv.png|link=|16px]] [[sv/{{FULLPAGENAME}}|Svenska]]
[{{canonicalurl:SDK Docs}}?uselang=sv <hr class="vector-menu-checkbox">]</td></tr>
[{{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(--Darkener)">[[File:Flag-tr.png|link=|16px]] [[tr/SDK Docs|Türkçe]]
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-tr.png|link=|16px]] [[tr/{{FULLPAGENAME}}|Türkçe]]
[{{canonicalurl:SDK Docs}}?uselang=tr <hr class="vector-menu-checkbox">]</td></tr>
[{{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(--Darkener)">[[File:Flag-uk.png|link=|16px]] [[uk/SDK Docs|Українська]]
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-uk.png|link=|16px]] [[uk/{{FULLPAGENAME}}|Українська]]
[{{canonicalurl:SDK Docs}}?uselang=uk <hr class="vector-menu-checkbox">]</td></tr>
[{{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(--Darkener)">[[File:Flag-vi.png|link=|16px]] [[vi/SDK Docs|Tiếng Việt]]
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-vi.png|link=|16px]] [[vi/{{FULLPAGENAME}}|Tiếng Việt]]
[{{canonicalurl:SDK Docs}}?uselang=vi <hr class="vector-menu-checkbox">]</td></tr>
[{{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(--Darkener)">[[File:Flag-zh.png|link=|16px]] [[zh/SDK Docs|中文]]
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-zh.png|link=|16px]] [[zh/{{FULLPAGENAME}}|中文]]
[{{canonicalurl:SDK Docs}}?uselang=zh <hr class="vector-menu-checkbox">]</td></tr>
[{{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(--Darkener)">[[File:Flag-zh-tw.png|link=|16px]] [[zh-tw/SDK Docs|中文（臺灣）]]
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-zh-tw.png|link=|16px]] [[zh-tw/{{FULLPAGENAME}}|中文（臺灣）]]
[{{canonicalurl:SDK Docs}}?uselang=zh-tw <hr class="vector-menu-checkbox">]</td></tr>
[{{canonicalurl:{{FULLPAGENAME}}}}?uselang=zh-tw <hr class="vector-menu-checkbox">]</td></tr>


</table>
</table>
</div></div>
</div></div>


<div style="width:1px; background:var(--Border)"></div>
</div>
 
</div> -->
</div> -->


Line 292: Line 272:
<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>
</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>




Line 348: Line 309:




{{{1}}}


{{#time: i:s|now}}
{{#time: i:s|now}}
Line 358: Line 317:


<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 06:05, 21 October 2025

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

Stuff for Templates

This template prefers inline formatting of parameters.

This template prefers block formatting of parameters.

This template requires special formatting of parameters.

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

  • Текст первый
    Описание первого текста
  • Этот текст плоский, |никакая= стилизация сюда не пройдёт (хотя шаблоны работают)
    А здесь можно! И даже #00FF0080 так
  • Здесь два
    плоских текста
    А здесь два
    блочных текста
  • Вариант без описания
  • Только описание

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!



08:49

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

Named Colors

█ █ █ █ █ █ █ █ █

█ █ █ █ █ █

█ █ █ █ █ █

█ █ █ █ █ █ █ █ █ █ █

█ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █

█ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █

█ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █

█ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █

█ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █

█ █ █ █ █ █ █ █ █ █

Retrieved from "https://developer.valvesoftware.com/w/index.php?title=User:Max34/Sandbox&oldid=491093"