User:Max34/Sandbox: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
{{#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>}}
 
== Usage ==
<p style="margin-top:-6px"><span style="display:inline-block; width:22px; height:16px; background:#FFF; vertical-align:text-bottom; clip-path:path('M0 4v8H1V4ZM9 4v8h1V4ZM3 6v4H7V6Zm9 0v4h4V6Z')"></span>This template prefers inline formatting of parameters</p>
 
{| cellpadding="8" rules="all" style="width:100%; border:1px solid #555; background:#2D2D2D"
|- style="background:#333; color:#DFDFDF"
! rowspan="2" | Parameters
! colspan="2" | {{int:Listfiles description}}
|- style="background:#333; color:#DFDFDF"
! {{int:Apisandbox-examples}}
! {{int:Preview}}
|-
| style="font-family:monospace" rowspan="3" | {{P| <Text>}} <br> {{P| 1 | <Text>}}
| colspan="2" | The text that will be displayed. Can contain links, templates and raw html, except when the {{Param|lang}} parameter is used.
|-
| style="background:#1F1F1F; font-family:monospace" | <syntaxhighlight style="margin:-1em 0" lang="wikitext">{{Code|Hello, World!}}</syntaxhighlight>
| style="background:#262626" | {{Code|Hello, World!}}
|-
| style="background:#1F1F1F; font-family:monospace" | <syntaxhighlight style="margin:-1em 0" lang="wikitext">{{Code|1 = Text With = Symbol!}}</syntaxhighlight>
| style="background:#262626" | {{Code|1 = Text With = Symbol!}}
|-
| style="font-family:monospace" rowspan="2" | {{P| lang | <Option>}}
| colspan="2" | Adds syntax highlighting for the language specified using [[mw:Extension:SyntaxHighlight|syntaxhighlight]] tag with [[mw:Extension:SyntaxHighlight#inline|inline]] attribute. <br> [[mw:Extension:SyntaxHighlight#Supported_languages|List of Supported languages]].
|-
| style="background:#1F1F1F; font-family:monospace" | <syntaxhighlight style="margin:-1em 0" lang="wikitext">{{Code|lang=c|int main() { return 0; } }}</syntaxhighlight>
| style="background:#262626" | {{Code|lang=c|int main() { return 0; } }}
|-
| style="font-family:monospace" rowspan="2" | {{P| style | <CSS>}}
| colspan="2" | CSS styles. Note that some styles require {{Code|!important}} to be specified.
|-
| style="background:#1F1F1F; font-family:monospace" | <syntaxhighlight style="margin:-1em 0" lang="wikitext">{{Code|style=color:#EF9B9B !important|Colored text}}</syntaxhighlight>
| style="background:#262626" | {{Code|style=color:#EF9B9B !important|Colored text}}
|}


== Stuff for Templates ==
== Stuff for Templates ==
Line 130: Line 163:


<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 5px; border:0; background-image:var(--Darkener)">
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 5px; border:0; background-image:var(--Darkener)">
<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> Documentation
<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> {{#switch:{{Language/interface}}|#default=Documentation|ru=Документация}}
[{{canonicalurl:Project:Alternative Languages}}?uselang={{Language/interface}} <hr class="vector-menu-checkbox">]
[{{canonicalurl:Project:Alternative Languages}}?uselang={{Language/interface}} <hr class="vector-menu-checkbox">]
</td></tr>
</td></tr>
Line 139: Line 172:


--><div class="vector-menu-dropdown" style="all:unset; position:relative; border-inline:1px solid; border-image:var(--Border)">
--><div class="vector-menu-dropdown" style="all:unset; position:relative; border-inline:1px solid; border-image:var(--Border)">
<div class="vector-menu-heading" style="align-items:center; padding:0 7px; font-size:1em">[[File:Flag-en.png|link=|16px]]&nbsp;{{ucfirst:{{#language:en}}}}</div>
<div class="vector-menu-heading" style="align-items:center; padding:0 7px; font-size:1em">[[File:Flag-{{Language/interface}}.png|link=|16px]]&nbsp;{{ucfirst:{{#language:{{Language/interface}}}}}}</div>
<div class="vector-menu-content" style="inset-inline:auto -11px; padding:0 10px 10px; border:0; background:0; box-shadow:none; font-size:1.1em; line-height:24px; width:max-content">
<div class="vector-menu-content" style="inset-inline:auto -11px; padding:0 10px 10px; border:0; background:0; box-shadow:none; font-size:1.1em; line-height:24px; width:max-content">
<table class="TablePager" style="display:block; overflow-y:auto; max-height:246px; padding:2px; border-spacing:0; scrollbar-width:thin; color-scheme:dark">
<table class="TablePager" style="display:block; overflow-y:auto; max-height:246px; padding:2px; border-spacing:0; scrollbar-width:thin; color-scheme:dark">

Revision as of 05:45, 8 November 2025

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

Usage

This template prefers inline formatting of parameters

Parameters Description
Examples Preview
| <Text>
| 1 = <Text>
The text that will be displayed. Can contain links, templates and raw html, except when the {{{lang}}} parameter is used.
{{Code|Hello, World!}}
Hello, World!
{{Code|1 = Text With = Symbol!}}
Text With = Symbol!
| lang = <Option> Adds syntax highlighting for the language specified using syntaxhighlight tag with inline attribute.
List of Supported languages.
{{Code|lang=c|int main() { return 0; } }}
int main() { return 0; }
| style = <CSS> CSS styles. Note that some styles require !important to be specified.
{{Code|style=color:#EF9B9B !important|Colored text}}
Colored text

Stuff for Templates

This template prefers inline formatting of parameters.

This template prefers block formatting of parameters.

This template requires special formatting of parameters.

Header

Some Text:

Example text

Button Imitation

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:55

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

Named Colors