Quelltext der Seite Vorlage:Hilfe/clickbutton

<onlyinclude><templatestyles src="MediaWiki-Button/styles.css" /><span {{#if: {{{2|}}} | title="{{{2}}}"| }} class="mw-ui-button {{#switch:{{{mw|}}}
   |p|pb= mw-ui-progressive" style="
   |d= mw-ui-destructive" style="
   |i= mw-ui-quiet" style="
   |a= mw-ui-inveractive" style="
   |s= mw-ui-progressive-active" style="
   |#default= mw-ui-quiet" style="}} {{#switch:{{{mw|}}}
   |d|p=
   |pb=color: var(--color-inverted,#FFFFFF);
   |i=background:var(--background-color-disabled, #C8CCD1); color: var(--color-inverted-fixed,#FFFFFF);
   |a=background:var(--background-color-interactive,#EAECF0); color:var(--color-subtle, #54595D);
   |s=background:var(--background-color-progressive--active,#2A4B8D); color:var(--color-inverted-fixed,#FFFFFF);
   |#default=color: {{#switch: {{{color|}}}
 |blau=var(--color-progressive,#{{Standardfarbe|text|link}})
 |rot=var(--color-destructive,#{{Standardfarbe|text|rotlink}})
 |#default=var(--color-base,#202122)}}}};<!--
-->{{#ifeq: {{{mw|}}}| i |border:0 |border: 1px solid var(--border-color-base,#A2A9B1)}}; border-radius: 2px; font-size: 4px; display:inline; {{#if:{{#invoke:TemplUtl|faculty|{{{ex|}}}}} |padding: 11px 4px 6px 4px; |padding: 9px 4px 3px 4px;}}"><span style="font-size:3em; white-space: nowrap;">{{#if:{{{1|}}}|{{{1}}}|&nbsp; }}</span></span></onlyinclude>

{{Dokumentation/ruler}}

Diese kleine „Hilfsvorlage“ fügt auf der zugehörigen Hilfeseite eine kleine Schaltfläche hinzu, die eine klickbare Schaltfläche simuliert.

== Parameter ==
; 1
: Text, bei Datei bitte <code>|verweis=</code> einfügen
; 2
: Tooltip, optionaler Text beim Überfahren mit der Maus
; mw
: Mediawikibutton, normal=Standard=leer (weiß),
:: <code>a</code> aktive Einblendung eines Dialogfeldes
:: <code>p</code> progressive (blau)
:: <code>pb</code> progressive (blau mit schwarzer Schrift)
:: <code>d</code> destructive (rot)
:: <code>i</code> inaktiv (grau)
:: <code>s</code> aktiv (dunkelblau)
; ex
: <code>1</code> Abmessung der Schaltfläche etwas höher
; color
: Textfarbe <code>blau</code> oder <code>rot</code> für Standard weiß

=== Kopiervorlagen ===
<code><nowiki>{{Hilfe/clickbutton||color= }}</nowiki></code><br />
<code><nowiki>{{Hilfe/clickbutton||mw= }}</nowiki></code><br />
<code><nowiki>{{Hilfe/clickbutton||ex=1 }}</nowiki></code><br />
<code><nowiki>{{Hilfe/clickbutton|[[Datei:…|16px|alt=|verweis=]]|mw= }}</nowiki></code>

=== Varianten ===
: {{Hilfe/clickbutton}} normal schwarz auf weiß
: {{Hilfe/clickbutton|ex=1}} normal schwarz auf weiß etwas höher (ex)
: {{Hilfe/clickbutton|Mit Text}} normal schwarz auf weiß
: {{Hilfe/clickbutton|blauer Text|color=blau}} normal, blau auf weiß
: {{Hilfe/clickbutton|roter Text|color=rot}} normal, rot auf weiß
: {{Hilfe/clickbutton|Text|mw=d}} destruktive, weiß auf rot
: {{Hilfe/clickbutton|Text|mw=p}} progressive, weiß auf blau
: {{Hilfe/clickbutton|Text|mw=pb}} progressive, weiß auf blau wird im [[WP:Dark Mode|Dunkelmodus]] zu schwarz auf blau
: {{Hilfe/clickbutton|Text|mw=i}} inaktiv, weiß auf grau
: {{Hilfe/clickbutton|Text|mw=i|ex=1}} etwas höher (ex)
: {{Hilfe/clickbutton|Ausblenden|mw=a}} aktiv, dunkelgrau auf grau
: {{Hilfe/clickbutton|Ausblenden|mw=a|ex=1}} etwas höher (ex)
: {{Hilfe/clickbutton|[[Datei:OOjs UI icon move-ltr-invert.svg|16px|alt=|verweis=]]|mw=s}} aktiv, weiß auf dunkelblau
: {{Hilfe/clickbutton|Aa|Klein-/Großschreibung beachten|mw=s}} aktiv, weiß auf dunkelblau mit Tooltip: Klein-/Großschreibung beachten
: {{Hilfe/clickbutton|Mit Tooltip|Beispieltext|mw=p}} mit Tooltip: Beispieltext
: {{Hilfe/clickbutton|Mit Tooltip|Beispieltext|mw=p|ex=1}} etwas höher (ex) 

[[Kategorie:Vorlage:Formatierungshilfe nicht für Artikel‎]]