User:Max34/Sandbox: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
mNo edit summary
mNo edit summary
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>}}
== "Страница" ==
<onlyinclude>Этот текст будет переноситься!<noinclude> ''А вот этот нет.''</noinclude> И снова переносимый текст!
А вот и {{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}}


== Stuff for Templates ==
== Stuff for Templates ==
Line 23: Line 10:
* [[mw:Template:TemplateData_header#Parameters]] (inline)
* [[mw:Template:TemplateData_header#Parameters]] (inline)
* [[mw:Template:Imbox#TemplateData]] (block)
* [[mw:Template:Imbox#TemplateData]] (block)


== Useful Interface messages ==
== Useful Interface messages ==
Line 101: Line 86:
My reworked version is more pixel accurate, but still looks bad at smaller sizes.
My reworked version is more pixel accurate, but still looks bad at smaller sizes.
<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 ==
<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; align-items:center; gap:2px; width:max-content; line-height:27px; user-select:none">
<!-- <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="position:relative">
<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="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:#FECB32; 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>
<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>}}


<div style="display:flex; background:linear-gradient(#0000, #2E2E2E); --Border:linear-gradient(#0000, #65635F) 1; --Darkener:linear-gradient(#26262670, #26262670)">
<div style="display:flex; background:linear-gradient(#0000, #2E2E2E); --Border:linear-gradient(#0000, #65635F) 1; --Darkener:linear-gradient(#26262670, #26262670)">
Line 294: 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 360: Line 319:


<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 ==
Line 516: Line 473:
<span style="color:DarkSlateGray">█</span>
<span style="color:DarkSlateGray">█</span>
<span style="color:Black">█</span>
<span style="color:Black">█</span>
== For VDCEditor tests ==
Это самый обычный текст.
<span>Это текст обёрнутый в тег &lt;span&gt;.</span>
<span style="font-weight:bold">У этого текста указано CSS свойство font-weight:bold, что делает его жирным.</span>
<span style="color:green">Тут текст окрашен в зелёный цвет с помощью CSS свойства color:green.</span>
<span style="color:#00FF00">В этом тексте <span style="color:#0000FF; font-weight:bold">используется вложенный тег &lt;span&gt;</span> с другим цветом текста</span>
В этом тексте используется шаблон &#123;&#123;intlang&#125;&#125;, который отображает код языка интерфейса ({{intlang}}).
А здесь используется параметр, стандартным значением которого является 'green' если он не был указан: {{{size|green}}}.
<span style="background:{{{size|green}}}">Этот же параметр, но уже в CSS стиле текста</span>

Revision as of 09:19, 20 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

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!



{{{1}}}

09:07

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

Named Colors