User:Max34/Sandbox: Difference between revisions

Revision as of 02:19, 27 September 2025

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;

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

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

{{{1}}}

38:27

Hi, i’m Test!

Text Size:

Размер текста:

Translation Progress (Russian): Division by zero.%

How to work with params

No Param 1 (`{{Template}}`)

{{{1}}} → {{{1}}}
{{{1|}}} →
{{{1|test}}} → test
{{#if:{{{1}}}|true|false}} → true
{{#if:{{{1|}}}|true|false}} → false
{{#ifeq:{{{1|}}}||true|false}} → true
{{#ifeq:{{{1|}}}|{{{1}}}|true|false}} → false

Empty Param 1 (`{{Template|}}`)

{{{1}}} →
{{{1|}}} →
{{{1|test}}} →
{{#if:{{{1}}}|true|false}} → false
{{#if:{{{1|}}}|true|false}} → false
{{#ifeq:{{{1|}}}||true|false}} → true
{{#ifeq:{{{1|}}}|{{{1}}}|true|false}} → true

Param 1 with text (`{{Template|Some text}}`)

{{{1}}} → Some text
{{{1|}}} → Some text
{{{1|test}}} → Some text
{{#if:{{{1}}}|true|false}} → true
{{#if:{{{1|}}}|true|false}} → true
{{#ifeq:{{{1|}}}||true|false}} → false
{{#ifeq:{{{1|}}}|{{{1}}}|true|false}} → true

Named Colors

█ █ █ █ █ █ █ █ █

█ █ █ █ █ █

█ █ █ █ █ █ █ █ █ █ █

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

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

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

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

█ █ █ █ █ █ █ █ █ █

For VDCEditor tests

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

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

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

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

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

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

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

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

@@ Line 12: / Line 12: @@
-== New Template:Color style ==
+== Some Experiments with collapsible elements ==
-Text <span style="position:relative; display:inline-block; width:8px; height:8px; margin:0 .3em -1px 0; border:1px solid #525252; background:#FFF"><span style="position:absolute; width:4px; height:4px; background:#999"></span><span style="position:absolute; bottom:0; right:0; width:4px; height:4px; background:#999"></span><span style="position:absolute; top:0; left:0; width:8px; height:8px; background:#FF000080"></span><span style="background:#DDD"></span></span><span class="mw-customtoggle-color" style="margin-right:.3em; user-select:none"><span style="display:inline-block; width:8px; height:10px; margin-bottom:-1px; background:#FFF; clip-path:path('M4,0l4,4H0m0,2H8L4,10')"></span></span><samp class="mw-collapsible" id="mw-customcollapsible-color" style="color:#EEE; user-select:all">#FF000080</samp><samp class="mw-collapsible mw-collapsed" id="mw-customcollapsible-color" style="display:none; color:#EEE; user-select:all">rgb(255,0,0,.5)</samp> text!
+<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>
 == ''Windows'' Windows ==