User:Max34/Sandbox: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
mNo edit summary
No edit summary
 
(2 intermediate revisions by the same user not shown)
Line 11: Line 11:
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>}}
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>}}


== Gallery stuff ==
<div style="display:none"><gallery mode="slideshow"></gallery></div> <!-- без указания этого ничего не будет работать, увы :( -->


== New Template:Color style ==
<div>
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!
<ul class="gallery mw-gallery-slideshow">
<li class="gallerybox">
<div class="thumb">Текст первый</div>
<div class="gallerytext">Описание первого текста</div>
</li>
 
<li class="gallerybox">
<div class="thumb">Этот текст плоский, {{P|никакая|}} стилизация сюда не пройдёт (хотя шаблоны работают)</div>
<div class="gallerytext">А здесь <span style="color:green">можно!</span> И даже {{Color|g=255|a=.5}} так</div>
</li>
 
<li class="gallerybox">
<div class="thumb">Здесь два </div>
<div class="thumb"> плоских текста</div>
<div class="gallerytext">А здесь два </div>
<div class="gallerytext"> блочных текста</div>
</li>
 
<li class="gallerybox"><div class="thumb">Вариант без описания</div></li>
 
<li class="gallerybox"><div class="gallerytext">Только описание</div></li>
</ul>
</div>
 
== Some Experiments with collapsible elements ==
<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 ==
== ''Windows'' Windows ==

Latest revision as of 07:59, 1 October 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;

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








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

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

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

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

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

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


{{{1}}}

38:58

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