User:Max34/Sandbox: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
No edit summary
No edit summary
Line 60: Line 60:
<div style="width:1px; min-height:inherit; background:var(--GradientBorder)"></div>
<div style="width:1px; min-height:inherit; background:var(--GradientBorder)"></div>


<div style="position:relative; display:flex; align-items:center; gap:2px; padding:6px 8px 4px 7px; border-bottom:1px solid #65635F; background:var(--Gradient); color:#898785">[[File:Icon-translate.png|16px|link=]] [[Special:EditPage/{{FULLPAGENAME}}|<div style="position:absolute; top:0; left:0; width:100%; height:100%"></div>]]{{int:vector-view-edit}}</div>
<div style="position:relative; display:flex; align-items:center; gap:2px; padding:6px 8px 4px 7px; border-bottom:1px solid #65635F; background:var(--Gradient); color:#898785">[[File:Icon-translate.png|16px|link=]] [{{canonicalurl:ru/SDK Docs}}?action=edit <div style="position:absolute; top:0; left:0; width:100%; height:100%"></div>]{{int:vector-view-edit}}</div>


<div style="width:1px; min-height:inherit; background:var(--GradientBorder)"></div>
<div style="width:1px; min-height:inherit; background:var(--GradientBorder)"></div>
Line 69: Line 69:
<div style="overflow-y:auto; scrollbar-width:thin; width:max-content; max-height:240px; padding:2px; border:1px solid #65635F; background:#262626; line-height:24px; color-scheme:dark"><table class="TablePager" cellspacing="0" cellpadding="0" style="border:0">
<div style="overflow-y:auto; scrollbar-width:thin; width:max-content; max-height:240px; padding:2px; border:1px solid #65635F; background:#262626; line-height:24px; color-scheme:dark"><table class="TablePager" cellspacing="0" cellpadding="0" style="border:0">


<tr style="position:relative"><td style="border:0">[[ru/{{FULLPAGENAME}}|<div style="position:absolute; width:100%; height:100%"></div>]]
<tr><td style="position:relative; border:0">
[{{canonicalurl:ru/{{FULLPAGENAME}}}} <div style="position:absolute; width:100%; height:100%"></div>]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Icon-visibility.png|link=|16x16px]]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Icon-visibility.png|link=|16x16px]]
{{int:view}}</div>
{{int:view}}</div>
</td></tr>
</td></tr>


<tr style="position:relative"><td style="border:0">[[Special:PageHistory/{{FULLPAGENAME}}|<div style="position:absolute; width:100%; height:100%"></div>]]
<tr><td style="position:relative; border:0">
[{{canonicalurl:ru/{{FULLPAGENAME}}}}?action=history <div style="position:absolute; width:100%; height:100%"></div>]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Icon-history.png|link=|16x16px]]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Icon-history.png|link=|16x16px]]
{{int:vector-view-history}}</div>
{{int:vector-view-history}}</div>
</td></tr>
</td></tr>


<tr style="position:relative"><td style="border:0">[[{{TALKPAGENAME}}|<div style="position:absolute; width:100%; height:100%"></div>]]
<tr><td style="position:relative; border:0">
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">
[{{canonicalurl:Talk:ru/{{FULLPAGENAME}}}} <div style="position:absolute; width:100%; height:100%"></div>]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690; {{#ifexist:Talk:ru/{{FULLPAGENAME}}||color:#688BA8}}">[[File:Icon-chat.png|link=|16x16px]]
{{int:talk}}</div>
{{int:talk}}</div>
</td></tr>
</td></tr>


<tr style="position:relative"><td style="border:0">[[Project:Alternative Languages|<div style="position:absolute; width:100%; height:100%"></div>]]
<tr><td style="position:relative; border:0">
[{{canonicalurl:Project:Alternative Languages}}?uselang=ru <div style="position:absolute; width:100%; height:100%"></div>]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Icon-white-notebook.png|link=|16x16px]]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Icon-white-notebook.png|link=|16x16px]]
Documentation</div>
Documentation</div>
Line 100: Line 104:
<div style="overflow-y:auto; scrollbar-width:thin; width:max-content; max-height:240px; padding:2px; border:1px solid #65635F; background:#262626; line-height:24px; color-scheme:dark"><table class="TablePager" cellspacing="0" cellpadding="0" style="border:0">
<div style="overflow-y:auto; scrollbar-width:thin; width:max-content; max-height:240px; padding:2px; border:1px solid #65635F; background:#262626; line-height:24px; color-scheme:dark"><table class="TablePager" cellspacing="0" cellpadding="0" style="border:0">


<tr style="position:relative"><td style="border:0">
<tr><td style="position:relative; border:0">
[{{canonicalurl:SDK Docs}}?uselang=en <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=en <div style="position:absolute; width:100%; height:100%"></div>]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-en.png|link=|16px]]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-en.png|link=|16px]]
[[SDK Docs|{{ucfirst:{{#language:en}}}}]]<div style="flex:1"></div>[[File:Icon-broom.png|link=|16x16px]]</div>
[[SDK Docs|{{ucfirst:{{#language:en}}}}]]</div>
</td></tr>
</td></tr>


<tr style="position:relative"><td style="border:0">
<tr><td style="position:relative; border:0">
[{{canonicalurl:SDK Docs}}?uselang=de <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=de <div style="position:absolute; width:100%; height:100%"></div>]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-de.png|link=|16px]]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-de.png|link=|16px]]
[[de/SDK Docs|{{ucfirst:{{#language:de}}}}]]</div>
[[de/SDK Docs|{{ucfirst:{{#language:de}}}}]]<div style="flex:1"></div>[[File:Icon-broom.png|link=|16x16px]]</div>
</td></tr>
</td></tr>


<tr style="position:relative"><td style="border:0">
<tr><td style="position:relative; border:0">
[{{canonicalurl:SDK Docs}}?uselang=eo <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=eo <div style="position:absolute; width:100%; height:100%"></div>]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-eo.png|link=|16px]]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-eo.png|link=|16px]]
Line 118: Line 122:
</td></tr>
</td></tr>


<tr style="position:relative"><td style="border:0">
<tr><td style="position:relative; border:0">
[{{canonicalurl:SDK Docs}}?uselang=es <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=es <div style="position:absolute; width:100%; height:100%"></div>]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-es.png|link=|16px]]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-es.png|link=|16px]]
Line 124: Line 128:
</td></tr>
</td></tr>


<tr style="position:relative"><td style="border:0">
<tr><td style="position:relative; border:0">
[{{canonicalurl:SDK Docs}}?uselang=fi <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=fi <div style="position:absolute; width:100%; height:100%"></div>]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-fi.png|link=|16px]]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-fi.png|link=|16px]]
Line 130: Line 134:
</td></tr>
</td></tr>


<tr style="position:relative"><td style="border:0">
<tr><td style="position:relative; border:0">
[{{canonicalurl:SDK Docs}}?uselang=fr <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=fr <div style="position:absolute; width:100%; height:100%"></div>]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-fr.png|link=|16px]]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-fr.png|link=|16px]]
Line 136: Line 140:
</td></tr>
</td></tr>


<tr style="position:relative"><td style="border:0">
<tr><td style="position:relative; border:0">
[{{canonicalurl:SDK Docs}}?uselang=hi <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=hi <div style="position:absolute; width:100%; height:100%"></div>]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-hi.png|link=|16px]]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-hi.png|link=|16px]]
Line 142: Line 146:
</td></tr>
</td></tr>


<tr style="position:relative"><td style="border:0">
<tr><td style="position:relative; border:0">
[{{canonicalurl:SDK Docs}}?uselang=hr <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=hr <div style="position:absolute; width:100%; height:100%"></div>]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-hr.png|link=|16px]]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-hr.png|link=|16px]]
Line 148: Line 152:
</td></tr>
</td></tr>


<tr style="position:relative"><td style="border:0">
<tr><td style="position:relative; border:0">
[{{canonicalurl:SDK Docs}}?uselang=hu <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=hu <div style="position:absolute; width:100%; height:100%"></div>]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-hu.png|link=|16px]]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-hu.png|link=|16px]]
Line 154: Line 158:
</td></tr>
</td></tr>


<tr style="position:relative"><td style="border:0">
<tr><td style="position:relative; border:0">
[{{canonicalurl:SDK Docs}}?uselang=it <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=it <div style="position:absolute; width:100%; height:100%"></div>]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-it.png|link=|16px]]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-it.png|link=|16px]]
Line 160: Line 164:
</td></tr>
</td></tr>


<tr style="position:relative"><td style="border:0">
<tr><td style="position:relative; border:0">
[{{canonicalurl:SDK Docs}}?uselang=ja <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=ja <div style="position:absolute; width:100%; height:100%"></div>]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-ja.png|link=|16px]]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-ja.png|link=|16px]]
Line 166: Line 170:
</td></tr>
</td></tr>


<tr style="position:relative"><td style="border:0">
<tr><td style="position:relative; border:0">
[{{canonicalurl:SDK Docs}}?uselang=km <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=km <div style="position:absolute; width:100%; height:100%"></div>]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-km.png|link=|16px]]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-km.png|link=|16px]]
Line 172: Line 176:
</td></tr>
</td></tr>


<tr style="position:relative"><td style="border:0">
<tr><td style="position:relative; border:0">
[{{canonicalurl:SDK Docs}}?uselang=ko <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=ko <div style="position:absolute; width:100%; height:100%"></div>]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-ko.png|link=|16px]]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-ko.png|link=|16px]]
Line 178: Line 182:
</td></tr>
</td></tr>


<tr style="position:relative"><td style="border:0">
<tr><td style="position:relative; border:0">
[{{canonicalurl:SDK Docs}}?uselang=ms <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=ms <div style="position:absolute; width:100%; height:100%"></div>]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-ms.png|link=|16px]]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-ms.png|link=|16px]]
Line 184: Line 188:
</td></tr>
</td></tr>


<tr style="position:relative"><td style="border:0">
<tr><td style="position:relative; border:0">
[{{canonicalurl:SDK Docs}}?uselang=nl <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=nl <div style="position:absolute; width:100%; height:100%"></div>]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-nl.png|link=|16px]]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-nl.png|link=|16px]]
Line 190: Line 194:
</td></tr>
</td></tr>


<tr style="position:relative"><td style="border:0">
<tr><td style="position:relative; border:0">
[{{canonicalurl:SDK Docs}}?uselang=pl <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=pl <div style="position:absolute; width:100%; height:100%"></div>]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-pl.png|link=|16px]]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-pl.png|link=|16px]]
Line 196: Line 200:
</td></tr>
</td></tr>


<tr style="position:relative"><td style="border:0">
<tr><td style="position:relative; border:0">
[{{canonicalurl:SDK Docs}}?uselang=pt <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=pt <div style="position:absolute; width:100%; height:100%"></div>]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-pt.png|link=|16px]]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-pt.png|link=|16px]]
Line 202: Line 206:
</td></tr>
</td></tr>


<tr style="position:relative"><td style="border:0">
<tr><td style="position:relative; border:0">
[{{canonicalurl:SDK Docs}}?uselang=pt-br <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=pt-br <div style="position:absolute; width:100%; height:100%"></div>]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-pt-br.png|link=|16px]]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-pt-br.png|link=|16px]]
Line 208: Line 212:
</td></tr>
</td></tr>


<tr style="position:relative"><td style="border:0">
<tr><td style="position:relative; border:0">
[{{canonicalurl:SDK Docs}}?uselang=ru <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=ru <div style="position:absolute; width:100%; height:100%"></div>]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-ru.png|link=|16px]]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-ru.png|link=|16px]]
Line 214: Line 218:
</td></tr>
</td></tr>


<tr style="position:relative"><td style="border:0">
<tr><td style="position:relative; border:0">
[{{canonicalurl:SDK Docs}}?uselang=sv <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=sv <div style="position:absolute; width:100%; height:100%"></div>]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-sv.png|link=|16px]]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-sv.png|link=|16px]]
Line 220: Line 224:
</td></tr>
</td></tr>


<tr style="position:relative"><td style="border:0">
<tr><td style="position:relative; border:0">
[{{canonicalurl:SDK Docs}}?uselang=tr <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=tr <div style="position:absolute; width:100%; height:100%"></div>]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-tr.png|link=|16px]]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-tr.png|link=|16px]]
Line 226: Line 230:
</td></tr>
</td></tr>


<tr style="position:relative"><td style="border:0">
<tr><td style="position:relative; border:0">
[{{canonicalurl:SDK Docs}}?uselang=uk <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=uk <div style="position:absolute; width:100%; height:100%"></div>]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-uk.png|link=|16px]]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-uk.png|link=|16px]]
Line 232: Line 236:
</td></tr>
</td></tr>


<tr style="position:relative"><td style="border:0">
<tr><td style="position:relative; border:0">
[{{canonicalurl:SDK Docs}}?uselang=vi <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=vi <div style="position:absolute; width:100%; height:100%"></div>]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-vi.png|link=|16px]]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-vi.png|link=|16px]]
Line 238: Line 242:
</td></tr>
</td></tr>


<tr style="position:relative"><td style="border:0">
<tr><td style="position:relative; border:0">
[{{canonicalurl:SDK Docs}}?uselang=zh <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=zh <div style="position:absolute; width:100%; height:100%"></div>]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-zh.png|link=|16px]]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-zh.png|link=|16px]]
Line 244: Line 248:
</td></tr>
</td></tr>


<tr style="position:relative"><td style="border:0">
<tr><td style="position:relative; border:0">
[{{canonicalurl:SDK Docs}}?uselang=zh-tw <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=zh-tw <div style="position:absolute; width:100%; height:100%"></div>]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-zh-tw.png|link=|16px]]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-zh-tw.png|link=|16px]]

Revision as of 06:40, 9 October 2025

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

"Страница"

Этот текст будет переноситься! А вот этот нет. И снова переносимый текст!

А вот и шаблон который в ориге имеет preset=2, но не в вызове! А здесь наоборот: шаблон.

Или вот как тебе появляющаяся {{Test}} ссылка? Или внезапный красный?

Её вызов

Этот текст будет переноситься! И снова переносимый текст!

А вот и шаблон который в ориге имеет preset=2, но не в вызове! А здесь наоборот: шаблон.

Или вот как тебе появляющаяся {{Test}} ссылка? Или внезапный зелёный?




Anchor with margin

An interesting optimization method that works

This {{Text-dir|ltr=righ|rtl=lef}}t:0; is a little bit more optimized than this {{Text-dir|ltr=right|rtl=left}}:0;

Gallery stuff

Some Experiments with collapsible elements

#HEX
RGB()
HSL()


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
!



SVG imitation








Всякий текст ё-маё

Всякий текст ё-маё

Всякий текст ё-маё

Всякий текст ё-маё

Всякий текст ё-маё

Всякий текст ё-маё



scroll-margin-top works!



{{{1}}}

04:44

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

Translation Progress (Russian): Division by zero.%

Named Colors

For VDCEditor tests

Это самый обычный текст.

Это текст обёрнутый в тег <span>.

У этого текста указано CSS свойство font-weight:bold, что делает его жирным.

Тут текст окрашен в зелёный цвет с помощью CSS свойства color:green.

В этом тексте используется вложенный тег <span> с другим цветом текста

В этом тексте используется шаблон {{intlang}}, который отображает код языка интерфейса (en).

А здесь используется параметр, стандартным значением которого является 'green' если он не был указан: green.

Этот же параметр, но уже в CSS стиле текста