User:Max34/Sandbox: Difference between revisions

Revision as of 11:25, 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

Текст первый

Описание первого текста
Этот текст плоский, |никакая= стилизация сюда не пройдёт (хотя шаблоны работают)

А здесь можно! И даже #00FF0080rgb(0,255,0,.5) так
Здесь два

плоских текста

А здесь два

блочных текста
Вариант без описания
Только описание

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

42:36

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

@@ Line 60: / Line 60: @@
 <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=]] [{{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="position:relative; width:max-content; padding:6px 8px 4px 7px; border-bottom:1px solid #65635F; background:var(--Gradient); color:#898785">[{{canonicalurl:ru/SDK Docs}}?action=edit <div style="position:absolute; top:0; left:0; width:100%; height:100%"></div>]Edit Translation</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 9px; border-bottom:1px solid #65635F; background:var(--Gradient); font-size:1em">{{int:cactions}}</div>
+<div class="vector-menu-heading" style="align-items:center; margin:0; padding:6px 6px 4px 8px; border-bottom:1px solid #65635F; background:var(--Gradient); font-size:1em">{{int:cactions}}</div>
 <div class="vector-menu-content" style="left:auto; right:-11px; top:calc(100% - 1px); padding:0 10px 10px 10px; border:0; background:#00000000; box-shadow:none; font-size:1.1em; cursor:default">
 <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">
@@ Line 100: / Line 100: @@
 <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-heading" style="align-items:center; margin:0; padding:6px 6px 4px 8px; border-bottom:1px solid #65635F; background:var(--Gradient); font-size:1em">[[File:Flag-en.png|link=|16px]]&nbsp;{{ucfirst:{{#language:en}}}}</div>
 <div class="vector-menu-content" style="left:auto; right:-11px; top:calc(100% - 1px); padding:0 10px 10px 10px; border:0; background:#00000000; box-shadow:none; font-size:1.1em; cursor:default">
 <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">
@@ Line 107: / Line 107: @@
 [{{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]]
-[[SDK Docs|{{ucfirst:{{#language:en}}}}]]</div>
+[[SDK Docs|English]]</div>
 </td></tr>
@@ Line 113: / Line 113: @@
 [{{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]]
-[[de/SDK Docs|{{ucfirst:{{#language:de}}}}]]<div style="flex:1"></div>[[File:Icon-broom.png|link=|16x16px]]</div>
+[[de/SDK Docs|Deutsch]]<div style="flex:1"></div>[[File:Icon-broom.png|link=|16x16px]]</div>
 </td></tr>
@@ Line 119: / Line 119: @@
 [{{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]]
-[[eo/SDK Docs|{{ucfirst:{{#language:eo}}}}]]</div>
+[[eo/SDK Docs|Esperanto]]</div>
 </td></tr>
@@ Line 125: / Line 125: @@
 [{{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]]
-[[es/SDK Docs|{{ucfirst:{{#language:es}}}}]]</div>
+[[es/SDK Docs|Español]]</div>
 </td></tr>
@@ Line 131: / Line 131: @@
 [{{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]]
-[[fi/SDK Docs|{{ucfirst:{{#language:fi}}}}]]</div>
+[[fi/SDK Docs|Suomi]]</div>
 </td></tr>
@@ Line 137: / Line 137: @@
 [{{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]]
-[[fr/SDK Docs|{{ucfirst:{{#language:fr}}}}]]</div>
+[[fr/SDK Docs|Français]]</div>
 </td></tr>
@@ Line 143: / Line 143: @@
 [{{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]]
-[[hi/SDK Docs|{{ucfirst:{{#language:hi}}}}]]</div>
+[[hi/SDK Docs|हिन्दी]]</div>
 </td></tr>
@@ Line 149: / Line 149: @@
 [{{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]]
-[[hr/SDK Docs|{{ucfirst:{{#language:hr}}}}]]</div>
+[[hr/SDK Docs|Hrvatski]]</div>
 </td></tr>
@@ Line 155: / Line 155: @@
 [{{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]]
-[[hu/SDK Docs|{{ucfirst:{{#language:hu}}}}]]</div>
+[[hu/SDK Docs|Magyar]]</div>
 </td></tr>
@@ Line 161: / Line 161: @@
 [{{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]]
-[[it/SDK Docs|{{ucfirst:{{#language:it}}}}]]</div>
+[[it/SDK Docs|Italiano]]</div>
 </td></tr>
@@ Line 167: / Line 167: @@
 [{{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]]
-[[ja/SDK Docs|{{ucfirst:{{#language:ja}}}}]]</div>
+[[ja/SDK Docs|日本語]]</div>
 </td></tr>
@@ Line 173: / Line 173: @@
 [{{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]]
-[[km/SDK Docs|{{ucfirst:{{#language:km}}}}]]</div>
+[[km/SDK Docs|ភាសាខ្មែរ]]</div>
 </td></tr>
@@ Line 179: / Line 179: @@
 [{{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]]
-[[ko/SDK Docs|{{ucfirst:{{#language:ko}}}}]]</div>
+[[ko/SDK Docs|한국어]]</div>
 </td></tr>
@@ Line 185: / Line 185: @@
 [{{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]]
-[[ms/SDK Docs|{{ucfirst:{{#language:ms}}}}]]</div>
+[[ms/SDK Docs|Bahasa Melayu]]</div>
 </td></tr>
@@ Line 191: / Line 191: @@
 [{{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]]
-[[nl/SDK Docs|{{ucfirst:{{#language:nl}}}}]]</div>
+[[nl/SDK Docs|Nederlands]]</div>
 </td></tr>
@@ Line 197: / Line 197: @@
 [{{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]]
-[[pl/SDK Docs|{{ucfirst:{{#language:pl}}}}]]</div>
+[[pl/SDK Docs|Polski]]</div>
 </td></tr>
@@ Line 203: / Line 203: @@
 [{{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]]
-[[pt/SDK Docs|{{ucfirst:{{#language:pt}}}}]]</div>
+[[pt/SDK Docs|Português]]</div>
 </td></tr>
@@ Line 209: / Line 209: @@
 [{{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]]
-[[pt-br/SDK Docs|{{ucfirst:{{#language:pt-br}}}}]]</div>
+[[pt-br/SDK Docs|Português do Brasil]]</div>
 </td></tr>
@@ Line 215: / Line 215: @@
 [{{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]]
-[[ru/SDK Docs|{{ucfirst:{{#language:ru}}}}]]</div>
+[[ru/SDK Docs|Русский]]</div>
 </td></tr>
@@ Line 221: / Line 221: @@
 [{{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]]
-[[sv/SDK Docs|{{ucfirst:{{#language:sv}}}}]]</div>
+[[sv/SDK Docs|Svenska]]</div>
 </td></tr>
@@ Line 227: / Line 227: @@
 [{{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]]
-[[tr/SDK Docs|{{ucfirst:{{#language:tr}}}}]]</div>
+[[tr/SDK Docs|Türkçe]]</div>
 </td></tr>
@@ Line 233: / Line 233: @@
 [{{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]]
-[[uk/SDK Docs|{{ucfirst:{{#language:uk}}}}]]</div>
+[[uk/SDK Docs|Українська]]</div>
 </td></tr>
@@ Line 239: / Line 239: @@
 [{{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]]
-[[vi/SDK Docs|{{ucfirst:{{#language:vi}}}}]]</div>
+[[vi/SDK Docs|Tiếng Việt]]</div>
 </td></tr>
@@ Line 245: / Line 245: @@
 [{{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]]
-[[zh/SDK Docs|{{ucfirst:{{#language:zh}}}}]]</div>
+[[zh/SDK Docs|中文]]</div>
 </td></tr>
@@ Line 251: / Line 251: @@
 [{{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]]
-[[zh-tw/SDK Docs|{{ucfirst:{{#language:zh-tw}}}}]]</div>
+[[zh-tw/SDK Docs|中文（臺灣）]]</div>
 </td></tr>