User:Max34/Sandbox: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
(Hidden note)
No edit summary
Line 55: Line 55:
<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 style="height:20px"><samp class="mw-customtoggle-colorRGB" style="user-select:none">↑</samp> <samp style="color:grey; user-select:none">↓</samp> HSL()</div>
</div>
</div>
<!-- <1div style="position:absolute; right:0; top:6px; display:flex; align-items:flex-end; min-height:41px; line-height:21px; user-select:none; --Gradient:linear-gradient(transparent 10%, #2E2E2E); --GradientBorder:linear-gradient(transparent 25%, #65635F)">
<div style="width:1px; min-height:inherit; background:var(--GradientBorder)"></div>
<div style="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="width:1px; min-height:inherit; background:var(--GradientBorder)"></div>
<div class="vector-menu-dropdown" style="background:none; line-height:1lh">
<div class="vector-menu-heading" style="align-items:center; margin:0; padding:6px 7px 4px 8px; border-bottom:1px solid #65635F; background:var(--Gradient); font-size:1em">[[File:Flag-en.png|link=|16px]]<span style="padding-left:6px">{{ucfirst:{{#language:en}}}}</span></div>
<div class="vector-menu-content" style="left:auto; right:-1px; top:calc(100% - 1px); overflow-y:auto; scrollbar-width:thin; width:max-content; height:240px; border:1px solid #65635F; background:#222 repeating-linear-gradient(#222, #222 24px, #8881 24px, #8881 48px) local; line-height:24px; font-size:1.1em; color-scheme:dark; cursor:default">
<div style="position:relative; padding:0 8px">[[File:Flag-en.png|link=|16px]] [[SDK Docs|{{ucfirst:{{#language:en}}}}]]</div>
<div style="position:relative; padding:0 8px">[[File:Flag-ca.png|link=|16px]] [[ca/SDK Docs|{{ucfirst:{{#language:ca}}}}]]</div>
<div style="position:relative; padding:0 8px">[[File:Flag-cs.png|link=|16px]] [[cs/SDK Docs|{{ucfirst:{{#language:cs}}}}]]</div>
<div style="position:relative; padding:0 8px">[[File:Flag-de.png|link=|16px]] [[de/SDK Docs|{{ucfirst:{{#language:de}}}}]]</div>
<div style="position:relative; padding:0 8px">[[File:Flag-el.png|link=|16px]] [[el/SDK Docs|{{ucfirst:{{#language:el}}}}]]</div>
<div style="position:relative; padding:0 8px">[[File:Flag-eo.png|link=|16px]] [[eo/SDK Docs|{{ucfirst:{{#language:eo}}}}]]</div>
<div style="position:relative; padding:0 8px">[[File:Flag-et.png|link=|16px]] [[et/SDK Docs|{{ucfirst:{{#language:et}}}}]]</div>
<div style="position:relative; padding:0 8px">[[File:Flag-fr.png|link=|16px]] [[fr/SDK Docs|{{ucfirst:{{#language:fr}}}}]]</div>
<div style="position:relative; padding:0 8px">[[File:Flag-fi.png|link=|16px]] [[fi/SDK Docs|{{ucfirst:{{#language:fi}}}}]]</div>
<div style="position:relative; padding:0 8px">[[File:Flag-he.png|link=|16px]] [[he/SDK Docs|{{ucfirst:{{#language:he}}}}]]</div>
<div style="position:relative; padding:0 8px">[[File:Flag-hi.png|link=|16px]] [[hi/SDK Docs|{{ucfirst:{{#language:hi}}}}]]</div>
<div style="position:relative; padding:0 8px">[[File:Flag-hr.png|link=|16px]] [[hr/SDK Docs|{{ucfirst:{{#language:hr}}}}]]</div>
<div style="position:relative; padding:0 8px">[[File:Flag-hu.png|link=|16px]] [[hu/SDK Docs|{{ucfirst:{{#language:hu}}}}]]</div>
<div style="position:relative; padding:0 8px">[[File:Flag-it.png|link=|16px]] [[it/SDK Docs|{{ucfirst:{{#language:it}}}}]]</div>
<div style="position:relative; padding:0 8px">[[File:Flag-ja.png|link=|16px]] [[ja/SDK Docs|{{ucfirst:{{#language:ja}}}}]]</div>
<div style="position:relative; padding:0 8px">[[File:Flag-ka.png|link=|16px]] [[ka/SDK Docs|{{ucfirst:{{#language:ka}}}}]]</div>
<div style="position:relative; padding:0 8px">[[File:Flag-km.png|link=|16px]] [[km/SDK Docs|{{ucfirst:{{#language:km}}}}]]</div>
<div style="position:relative; padding:0 8px">[[File:Flag-ko.png|link=|16px]] [[ko/SDK Docs|{{ucfirst:{{#language:ko}}}}]]</div>
<div style="position:relative; padding:0 8px">[[File:Flag-ms.png|link=|16px]] [[ms/SDK Docs|{{ucfirst:{{#language:ms}}}}]]</div>
<div style="position:relative; padding:0 8px">[[File:Flag-nl.png|link=|16px]] [[nl/SDK Docs|{{ucfirst:{{#language:nl}}}}]]</div>
<div style="position:relative; padding:0 8px">[[File:Flag-no.png|link=|16px]] [[no/SDK Docs|{{ucfirst:{{#language:no}}}}]]</div>
<div style="position:relative; padding:0 8px">[[File:Flag-pl.png|link=|16px]] [[pl/SDK Docs|{{ucfirst:{{#language:pl}}}}]]</div>
<div style="position:relative; padding:0 8px">[[File:Flag-pt.png|link=|16px]] [[pt/SDK Docs|{{ucfirst:{{#language:pt}}}}]]</div>
<div style="position:relative; padding:0 8px">[[File:Flag-pt-br.png|link=|16px]] [[pt-br/SDK Docs|{{ucfirst:{{#language:pt-br}}}}]]</div>
<div style="position:relative; padding:0 8px">[[File:Flag-ru.png|link=|16px]] [[ru/SDK Docs|{{ucfirst:{{#language:ru}}}}]]</div>
<div style="position:relative; padding:0 8px">[[File:Flag-es.png|link=|16px]] [[es/SDK Docs|{{ucfirst:{{#language:es}}}}]]</div>
<div style="position:relative; padding:0 8px">[[File:Flag-sv.png|link=|16px]] [[sv/SDK Docs|{{ucfirst:{{#language:sv}}}}]]</div>
<div style="position:relative; padding:0 8px">[[File:Flag-uk.png|link=|16px]] [[uk/SDK Docs|{{ucfirst:{{#language:uk}}}}]]</div>
<div style="position:relative; padding:0 8px">[[File:Flag-tr.png|link=|16px]] [[tr/SDK Docs|{{ucfirst:{{#language:tr}}}}]]</div>
<div style="position:relative; padding:0 8px">[[File:Flag-vi.png|link=|16px]] [[vi/SDK Docs|{{ucfirst:{{#language:vi}}}}]]</div>
<div style="position:relative; padding:0 8px">[[File:Flag-zh.png|link=|16px]] [[zh/SDK Docs|{{ucfirst:{{#language:zh}}}}]]</div>
<div style="position:relative; padding:0 8px">[[File:Flag-zh-tw.png|link=|16px]] [[zh-tw/SDK Docs|{{ucfirst:{{#language:zh-tw}}}}]]</div>
</div>
</div>
<div style="width:1px; min-height:inherit; background:var(--GradientBorder)"></div>
</div> -->


== ''Windows'' Windows ==
== ''Windows'' Windows ==

Revision as of 16:40, 7 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}}}

03:35

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 стиле текста