User:Max34/Sandbox: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
No edit summary
mNo edit summary
Line 8: Line 8:
* <nowiki>{{#ifeq:{{{1|}}}|{{{1}}}|true|false}}</nowiki> → {{#ifeq:{{{1|}}}|{{{1}}}|true|false}}
* <nowiki>{{#ifeq:{{{1|}}}|{{{1}}}|true|false}}</nowiki> → {{#ifeq:{{{1|}}}|{{{1}}}|true|false}}
</code></onlyinclude></includeonly>
</code></onlyinclude></includeonly>
== An interesting optimization method that works ==
This {{Code|<nowiki>{{Text-dir|ltr=righ|rtl=lef}}t:0;</nowiki>}} is a little bit more optimized than this {{Code|<nowiki>{{Text-dir|ltr=right|rtl=left}}:0;</nowiki>}}
== SVG imitation ==
<div style="border:solid white; border-width:0 2px 2px 0; display:inline-block; padding:2px; transform:rotate(-45deg);"></div><br>
<div style="border:solid white; border-width:0 2px 2px 0; display:inline-block; padding:2px; transform:rotate(-45deg);"></div><br>
<div style="border:solid white; border-width:0 2px 2px 0; display:inline-block; padding:2px; transform:rotate(45deg);"></div><br>
<div style="border:solid white; border-width:0 2px 2px 0; display:inline-block; padding:2px; transform:rotate(45deg);"></div><br>
<div style="border:solid white; border-width:0 2px 2px 0; display:inline-block; padding:2px; transform:rotate(-135deg);"></div><br>
<div style="border:solid white; border-width:0 2px 2px 0; display:inline-block; padding:2px; transform:rotate(-135deg);"></div><br>
<div style="border:solid white; border-width:0 2px 2px 0; display:inline-block; padding:2px; transform:rotate(135deg);"></div>
<div style="border:solid white; border-width:0 2px 2px 0; display:inline-block; padding:2px; transform:rotate(135deg);"></div>
<div id="ThisDivWillBeUsedByExternalForces" style="color:green">Hi, i’m Test!</div>
<div id="AnotherOne-en">Text Size:</div>
<div id="AnotherOne-ru">Размер текста:</div>




Line 25: Line 23:
</div>
</div>


<span style="background:rgb(255, 255, 255)">Test</span>


<span style="background:#FFF">Test</span>


<span style="background:rgb(255, 255, 255, 50%)">Test</span>


<span style="background:#FFFFFF80">Test</span>
 
 
 




{{#time: i:s|now}}
{{#time: i:s|now}}
<div id="ThisDivWillBeUsedByExternalForces" style="color:green">Hi, i’m Test!</div>
<div id="AnotherOne-en">Text Size:</div>
<div id="AnotherOne-ru">Размер текста:</div>





Revision as of 11:48, 20 June 2024

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;

SVG imitation









39:39

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