User:Max34/Sandbox: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
mNo edit summary
mNo edit summary
Line 13: Line 13:


== New Template:Color style ==
== New Template:Color style ==
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"><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!
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!


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

Revision as of 08:50, 26 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;


New Template:Color style

Text #FF000080 text!

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

18:34

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