User:Max34/Sandbox: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
mNo edit summary
No edit summary
Line 56: Line 56:
</div>
</div>


<!-- <1div class="plainlinks" style="position:absolute; right:0; top:6px; display:flex; align-items:flex-end; min-height:41px; line-height:21px; user-select:none; --Gradient:linear-gradient(transparent 10%, #2E2E2E); --GradientBorder:linear-gradient(transparent 25%, #65635F)">
<!-- <1div class="plainlinks" style="position:absolute; right:0; top:6px; display:flex; align-items:flex-end; min-height:41px; line-height:21px; user-select:none; --Gradient:linear-gradient(transparent 10%, #2E2E2E); --GradientBorder:linear-gradient(transparent 25%, #65635F); --Darkener:linear-gradient(#26262690, #26262690)">


<div style="width:1px; min-height:inherit; background:var(--GradientBorder)"></div>
<div style="width:1px; min-height:inherit; background:var(--GradientBorder)"></div>
Line 69: Line 69:
<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">
<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">


<tr><td style="position:relative; border:0">
<tr><td style="position:relative; display:flex; align-items:center; padding:0 6px 0 5px; border:0; background-image:var(--Darkener)">
[{{canonicalurl:ru/{{FULLPAGENAME}}}} <div style="position:absolute; width:100%; height:100%"></div>]
<div style="width:18px; height:18px; background:#EEE; clip-path:path('M4.73 11.68C3.58 10.7 2.77 9.58 2.38 9c.39-.58 1.2-1.7 2.35-2.68C5.91 5.3 7.36 4.5 9 4.5s3.1.8 4.27 1.82c1.15.98 1.96 2.1 2.35 2.68-.39.58-1.2 1.7-2.35 2.68C12.1 12.7 10.64 13.5 9 13.5c-1.64 0-3.09-.8-4.27-1.82ZM9 3C6.86 3 5.07 4.05 3.75 5.18 2.42 6.32 1.51 7.6 1.1 8.23.79 8.7.79 9.3 1.1 9.77c.41.63 1.32 1.91 2.65 3.05C5.07 13.95 6.86 15 9 15s3.93-1.05 5.25-2.18c1.33-1.14 2.24-2.42 2.65-3.05.31-.47.31-1.07 0-1.54-.41-.63-1.32-1.91-2.65-3.05C12.93 4.05 11.14 3 9 3ZM7.5 9c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5-.67 1.5-1.5 1.5S7.5 9.83 7.5 9ZM9 6C7.34 6 6 7.34 6 9s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3Z')"></div>&nbsp;{{int:view}}
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Icon-visibility.png|link=|16x16px]]
[{{canonicalurl:ru/{{FULLPAGENAME}}}} <div style="position:absolute; left:0; top:0; width:100%; height:100%"></div>]
{{int:view}}</div>
</td></tr>
</td></tr>


<tr><td style="position:relative; border:0">
<tr><td style="position:relative; display:flex; align-items:center; padding:0 6px 0 5px; border:0; background-image:var(--Darkener)">
[{{canonicalurl:ru/{{FULLPAGENAME}}}}?action=history <div style="position:absolute; width:100%; height:100%"></div>]
<div style="width:18px; height:18px; background:#EEE; clip-path:path('m3.76 8.68.96-.96c.29-.29.77-.29 1.06 0s.29.77 0 1.06L3.53 11.03c-.14.14-.33.22-.53.22s-.39-.08-.53-.22L.22 8.78c-.29-.29-.29-.77 0-1.06s.77-.29 1.06 0l.98.98c.16-4.01 3.45-7.2 7.49-7.2 4.14 0 7.5 3.36 7.5 7.5s-3.36 7.5-7.5 7.5c-2.36 0-4.46-1.09-5.83-2.79-.26-.32-.21-.79.11-1.05.32-.26.79-.21 1.05.11C6.18 14.13 7.87 15 9.75 15c3.31 0 6-2.69 6-6s-2.69-6-6-6C6.54 3 3.92 5.52 3.76 8.68ZM9.75 3.75c.41 0 .75.34.75.75V8.69l2.03 2.03c.29.29.29.77 0 1.06-.29.29-.77.29-1.06 0L9.22 9.53C9.08 9.39 9 9.2 9 9V4.5c0-.41.34-.75.75-.75Z')"></div>&nbsp;{{int:vector-view-history}}
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Icon-history.png|link=|16x16px]]
[{{canonicalurl:ru/{{FULLPAGENAME}}}}?action=history <div style="position:absolute; left:0; top:0; width:100%; height:100%"></div>]
{{int:vector-view-history}}</div>
</td></tr>
</td></tr>


<tr><td style="position:relative; border:0">
<tr><td style="position:relative; display:flex; align-items:center; padding:0 6px 0 5px; border:0; background-image:var(--Darkener); {{#ifexist:Talk:ru/{{FULLPAGENAME}}||color:#688BA8}}">
[{{canonicalurl:Talk:ru/{{FULLPAGENAME}}}} <div style="position:absolute; width:100%; height:100%"></div>]
<div style="width:18px; height:18px; background:#EEE; clip-path:path('M17.85 13.78c.25.32.37 1.39-1.33 1.2-.5-.05-1.2-.15-2.04-.47-.56-.22-1.05-.48-1.46-.75-.67.27-1.39.44-2.14.48-1.02 1.38-2.66 2.26-4.5 2.26-.61 0-1.2-.1-1.75-.28-.33.2-.7.39-1.11.54-.84.32-1.54.44-2.04.47-.38.03-.64.01-.78 0-.28-.04-.53-.2-.65-.48-.09-.23-.06-.51.1-.72.19-.26.36-.53.53-.81.32-.53.63-1.1.71-1.74-.41-.77-.64-1.67-.64-2.6 0-2.25 1.31-4.19 3.22-5.09C4.72 2.89 7.37.75 10.5.75c3.73 0 6.75 3.02 6.75 6.75 0 1.03-.23 2.01-.64 2.88-.15 1.3.5 2.39 1.24 3.4ZM5.25 7.5c0 2.9 2.35 5.25 5.25 5.25.82 0 1.59-.19 2.27-.52.25-.12.54-.09.77.07.68.49 1.45.86 2.27 1.06-.56-1.04-.84-2.12-.68-3.3.01-.08.03-.15.07-.23.35-.7.55-1.49.55-2.33 0-2.9-2.35-5.25-5.25-5.25S5.25 4.6 5.25 7.5Zm-1.5.19c-.92.76-1.5 1.9-1.5 3.19 0 .75.2 1.46.56 2.07.07.12.11.27.1.42-.01.23-.04.48-.1.73-.12.51-.37 1.05-.63 1.51.24-.06.51-.15.8-.25.45-.17.84-.38 1.17-.59.2-.14.46-.16.68-.07.48.19 1 .3 1.55.3.98 0 1.89-.35 2.6-.92-2.94-.68-5.14-3.27-5.23-6.39Z')"></div>&nbsp;{{int:talk}}
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690; {{#ifexist:Talk:ru/{{FULLPAGENAME}}||color:#688BA8}}">[[File:Icon-chat.png|link=|16x16px]]
[{{canonicalurl:Talk:ru/{{FULLPAGENAME}}}} <div style="position:absolute; left:0; top:0; width:100%; height:100%"></div>]
{{int:talk}}</div>
</td></tr>
</td></tr>


<tr><td style="position:relative; border:0">
<tr><td style="position:relative; display:flex; align-items:center; padding:0 6px 0 5px; border:0; background-image:var(--Darkener)">
[{{canonicalurl:Project:Alternative Languages}}?uselang=ru <div style="position:absolute; width:100%; height:100%"></div>]
<div style="width:18px; height:18px; background:#EEE; clip-path:path('M6.97.97C7.11.83 7.3.75 7.5.75h6c1.24 0 2.25 1.01 2.25 2.25V15c0 1.24-1.01 2.25-2.25 2.25h-9c-1.24 0-2.25-1.01-2.25-2.25V6c0-.2.08-.39.22-.53L6.97.97ZM13.5 2.25H8.25V6c0 .41-.34.75-.75.75H3.75V15c0 .41.34.75.75.75h9c.41 0 .75-.34.75-.75V3c0-.41-.34-.75-.75-.75Zm-8.69 3H6.75V3.31L4.81 5.25Zm.44 4.5c0-.41.34-.75.75-.75h6c.41 0 .75.34.75.75s-.34.75-.75.75H6c-.41 0-.75-.34-.75-.75Zm0 3c0-.41.34-.75.75-.75h6c.41 0 .75.34.75.75s-.34.75-.75.75H6c-.41 0-.75-.34-.75-.75Z')"></div>&nbsp;Documentation
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Icon-white-notebook.png|link=|16x16px]]
[{{canonicalurl:Project:Alternative Languages}}?uselang=ru <div style="position:absolute; left:0; top:0; width:100%; height:100%"></div>]
Documentation</div>
</td></tr>
</td></tr>


Line 104: Line 100:
<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">
<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">


<tr><td style="position:relative; border:0">
<tr><td style="position:relative; display:flex; align-items:center; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-en.png|link=|16px]]&nbsp;[[SDK Docs|English]]
[{{canonicalurl:SDK Docs}}?uselang=en <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=en <div style="position:absolute; left:0; top:0; width:100%; height:100%"></div>]</td></tr>
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-en.png|link=|16px]]
[[SDK Docs|English]]</div>
</td></tr>


<tr><td style="position:relative; border:0">
<tr><td style="position:relative; display:flex; align-items:center; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-de.png|link=|16px]]&nbsp;[[de/SDK Docs|Deutsch]]
[{{canonicalurl:SDK Docs}}?uselang=de <div style="position:absolute; width:100%; height:100%"></div>]
<div style="flex:1; min-width:6px"></div>[[File:Icon-broom.png|link=|16x16px]]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-de.png|link=|16px]]
[{{canonicalurl:SDK Docs}}?uselang=de <div style="position:absolute; left:0; top:0; width:100%; height:100%"></div>]</td></tr>
[[de/SDK Docs|Deutsch]]<div style="flex:1"></div>[[File:Icon-broom.png|link=|16x16px]]</div>
</td></tr>


<tr><td style="position:relative; border:0">
<tr><td style="position:relative; display:flex; align-items:center; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-eo.png|link=|16px]]&nbsp;[[eo/SDK Docs|Esperanto]]
[{{canonicalurl:SDK Docs}}?uselang=eo <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=eo <div style="position:absolute; left:0; top:0; width:100%; height:100%"></div>]</td></tr>
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-eo.png|link=|16px]]
[[eo/SDK Docs|Esperanto]]</div>
</td></tr>


<tr><td style="position:relative; border:0">
<tr><td style="position:relative; display:flex; align-items:center; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-es.png|link=|16px]]&nbsp;[[es/SDK Docs|Español]]
[{{canonicalurl:SDK Docs}}?uselang=es <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=es <div style="position:absolute; left:0; top:0; width:100%; height:100%"></div>]</td></tr>
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-es.png|link=|16px]]
[[es/SDK Docs|Español]]</div>
</td></tr>


<tr><td style="position:relative; border:0">
<tr><td style="position:relative; border:0">

Revision as of 17:45, 10 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

  • Текст первый
    Описание первого текста
  • Этот текст плоский, |никакая= стилизация сюда не пройдёт (хотя шаблоны работают)
    А здесь можно! И даже #00FF0080 так
  • Здесь два
    плоских текста
    А здесь два
    блочных текста
  • Вариант без описания
  • Только описание

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

37:05

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

Retrieved from "https://developer.valvesoftware.com/w/index.php?title=User:Max34/Sandbox&oldid=490593"