User:Max34/Sandbox: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
(VDCEditor stuff)
No edit summary
Line 1: Line 1:
<div style="font-size:14px">{{#if:{{REVISIONID}}|''A completely normal text that definitely doesn't change in any way during the preview when editing this page.''|<div style="border:2px solid #444; border-radius:6px; padding:6px; background:#323232; text-align:center; font-size:20px">Hi, <span style="color:white">{{REVISIONUSER}}</span>! I know You are in preview mode for editing this page :)</div>}}
{{#if:{{REVISIONID}}|''A completely normal text that definitely doesn't change in any way during the preview when editing this page.''|<div style="border:2px solid #444; border-radius:6px; padding:6px; background:#323232; text-align:center; font-size:20px">Hi, <span style="color:white">{{REVISIONUSER}}</span>! I know You are in preview mode for editing this page :)</div>}}


{{Code|lang=html|1=<htag>&lt;span<atr> class=<v>"smol"</v> style=<sv>"border:1px solid"</sv></atr>&gt;</htag>}}
== VDCEditor Stuff ==
{{CodeBlock|src=Editor.js|lang=js|<nowiki>// MediaWiki Headers Formatting
Code = Code.replace(/^((<cmt\d{1,}>)*?)(={1,6})(.+?)(\3)((\s*?<cmt\d{1,}>)*?\s*?)$/gm, "$1<mwh>$3<mwht>$4</mwht>$5</mwh>$6");</nowiki>}}


* <code>&lt;htag></code> — HTML тег
* <code>&lt;atr></code> — атрибуты
* <code>&lt;v></code> — значение атрибутов
* <code>&lt;sv></code> — значение атрибута style


Заметки:
{{CodeBlock|src=Style.css|lang=css|<nowiki>/* MediaWiki Header */
# Eсли между <code>span</code> и <code>&gt;</code> будет хоть что-либо, то это должно оборачиваться в <code>&lt;atr></code> тег, даже если это <code>/</code> (он автоматически конвертируется в пробел самим HTML).
mwh
# У закрывающих тегов не должно быть никакой стилизации кроме оборачивания в <code>&lt;htag></code>.
{
# Только символы пробела и <code>/</code> могут прилегать к названию тега без его поломки (возможно есть ещё символы которые могут такое).
all: unset;
# Названия кастомных атрибутов должны начинаться с <code>data-</code> иначе они не будут добавлены в структуру страницы. Просто вариант <code>data-</code> тоже работает.
color: #FF9200;
# Все валидные атрибуты могут быть пустыми (указываться без <code>="…"</code>).
}
# Теги не должны стилизоваться внутри многострочного комментария, а так же когда находятся внутри тегов &lt;nowiki>, &lt;syntaxhighlight> или &lt;pre>.
# Комментирование формата <code>/* */</code> может работать только внутри атрибута style, во всех других оно отображается как обычный текст.
# Если в атрибуте style будет содержаться только <code>/*</code>, то всё последующее содержимое атрибута style не будет добавлено.
# Если в теге содержится несколько атрибутов с одним именем, то в итоговый вариант добавляется только последний.
# Между символом <code>=</code> могут быть пробелы, к примеру <code>class = "test1 test2"</code> или даже <code>id = test</code>).
# Если первым символом (за исключением пробела) который встретит атрибут будет не <code>"</code>, то последующие кавычки будут восприниматься как текст (до первого пробела).
# Если у значения атрибута будет открывающая кавычка, то она будет помещать в значение атрибута всё, пока не дойдёт до ещё одной кавычки, либо пока не закончится тег.
 
* {{Color|r=100|g=149|b=237}}
* {{Color|r=168|g=199|b=250}}
* {{Color|r=254|g=141|b=89}}
 
Примерный результат:
<div style="padding:6px 8px; border:2px solid #3D3D3D; border-radius:6px; background:#2D2D2D; color:#DDD; font-family:monospace; font-size:14px"><span style="color:#6495ED">&lt;span<span style="color:#A8C7FA"> class=<span style="color:#FE8D59">"smol"</span> style=<span style="color:#FE8D59">"border:1px solid"</span></span>></span>Example<span style="color:#6495ED">&lt;/span></span></div>


/* MediaWiki Header Title */
mwht
{
all: unset;
color: #EBC188;
}</nowiki>}}


== Stuff for Templates ==
== Stuff for Templates ==

Revision as of 04:56, 31 October 2025

A completely normal text that definitely doesn't change in any way during the preview when editing this page.

VDCEditor Stuff

Editor.js
JavaScript
// MediaWiki Headers Formatting Code = Code.replace(/^((<cmt\d{1,}>)*?)(={1,6})(.+?)(\3)((\s*?<cmt\d{1,}>)*?\s*?)$/gm, "$1<mwh>$3<mwht>$4</mwht>$5</mwh>$6");


Style.css
CSS
/* MediaWiki Header */ mwh { all: unset; color: #FF9200; } /* MediaWiki Header Title */ mwht { all: unset; color: #EBC188; }

Stuff for Templates

This template prefers inline formatting of parameters.

This template prefers block formatting of parameters.

This template requires special formatting of parameters.

Useful Interface messages

  • Preview
  • (Preview not available)
  • No description available.
  • Examples
  • Deprecated parameters
  • Additional parameters
  • Parameter name
  • This parameter is required.
  • This parameter is deprecated.
  • the empty string
  • Default: value
  • Default: (empty)
  • Must be empty
    • Can be empty, or value
  • Type: float
    • Type: list of floats
  • Type: integer
    • Type: list of integers
  • Only accepts pages that exist.
  • Accepts non-existent pages.
  • username
  • The "value" parameter must be set.
  • Actions
  • Translate
  • Language:
  • Valve Developer Community does not have namespace "$1".
  • Credits
  • Data types
  • Examples:
    • Examples:
  • Deprecated.
  • deprecated
  • Source: value
  • Parameter value1 cannot be used without value2.
  • File does not exist.
  • Unknown error.
  • Page content.
  • Title of the page.


Anchor with margin

Gallery stuff

Wayback svg icon

My reworked version is more pixel accurate, but still looks bad at smaller sizes.


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
!



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

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

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

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

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

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



scroll-margin-top works!



06:46

Hi, i’m Test!
Text Size:
Размер текста:

Named Colors