„Vorlage:Taste“ – Versionsunterschied

[gesichtete Version][gesichtete Version]
Inhalt gelöscht Inhalt hinzugefügt
K text-shadow etwas minimiert, da die Leserlichkeit nicht mehr wirklich barrierefrei war
K kl.
 
Zeile 1: Zeile 1:
<onlyinclude><kbd style="background:{{#ifeq:{{{2|}}}|halten|#E0FFFF|{{{2|#F7F7F7}}} }}; background-image:linear-gradient(rgba(255,255,255,.4),rgba(127,127,127,.2)); border-color:#DDDDDD #AAAAAA #888888 #CCCCCC; border-radius:2px; border-style:solid; border-width:1px; {{#switch:{{padleft:|1|{{{1|}}}}}|{{{1|}}}|&=|#default=font-family:inherit;}} padding:0 .4em; text-shadow:0 1px rgba(255,255,255,.2); white-space:nowrap;">{{#if:trim|<nowiki />{{{1|Taste}}}}}</kbd></onlyinclude>
<onlyinclude><kbd style="background:{{#ifeq:{{{2|}}}|halten|#E0FFFF|{{{2|#F7F7F7}}} }}; color:#000000; background-image:linear-gradient(rgba(255,255,255,.4),rgba(127,127,127,.2)); border-color:#DDDDDD #AAAAAA #888888 #CCCCCC; border-radius:2px; border-style:solid; border-width:1px; {{#switch:{{padleft:|1|{{{1|}}}}}|{{{1|}}}|&=|#default=font-family:inherit;}} padding:0 .4em; text-shadow:0 1px rgba(255,255,255,.2); white-space:nowrap;">{{#if:trim|<nowiki />{{{1|Taste}}}}}</kbd></onlyinclude>


{{Dokumentation}}
{{Dokumentation}}

Aktuelle Version vom 4. Juli 2024, 16:39 Uhr

Taste

Textbaustein zur Veranschaulichung von Tastatureingaben oder Darstellung von Schaltflächen

Vorlagenparameter

Text1
Angezeigte Beschriftung
Standard
Taste
Beispiel
Strg
Farbcode2
Farbwert (CSS-konform) der Hintergrundfarbe der Taste
Standard
#F7F7F7
Beispiel
#99FF99

Textbaustein zur Veranschaulichung von Tastatureingaben oder Darstellung von Schaltflächen

Vorlagenparameter

Diese Vorlage bevorzugt Inline-Formatierung von Parametern.

ParameterBeschreibungTypStatus
Text1

Angezeigte Beschriftung

Standard
Taste
Beispiel
Strg
Einzeiliger Textvorgeschlagen
Farbcode2

Farbwert (CSS-konform) der Hintergrundfarbe der Taste

Standard
#F7F7F7
Beispiel
#99FF99
Einzeiliger Textoptional

Hinweise

Die Schriftart ist

damit I l | durch Leser intuitiv richtig zugeordnet werden und
  • ansonsten die umgebende Schriftart der Seite, meist serifenlos (je nach Browser-Einstellung); somit wird ein aus mehreren Buchstaben bestehendes Strg als Strg kompakter dargestellt.

Farbcode: Die Taste kann farbig gestaltet werden. Dabei muss

  • entweder ein gültiger Wert für die CSS-Eigenschaft background-color angegeben werden
  • oder „halten“, um den Farbwert #E0FFFF, LightCyan, zu erhalten.

drücken halten #FCC

Kopiervorlage

{{Taste|}}

{{Taste||halten}}

weitere

Das schreibt man So sieht es aus
{{Taste|Alt|halten}}&nbsp;+ Alt +
{{Taste|⌥ Alt|halten}}&nbsp;+ ⌥ Alt +
{{Taste|⌥ Option|halten}}&nbsp;+ ⌥ Option +
{{Taste|⇧ Umschalt|halten}}&nbsp;+ ⇧ Umschalt +
{{Taste|⇧ Shift|halten}}&nbsp;+ ⇧ Shift +
{{Taste|Strg|halten}}&nbsp;+ Strg +
{{Taste|⌘ Befehl|halten}}&nbsp;+ ⌘ Befehl +

Beispiele

Das schreibt man So sieht es aus
{{Taste|Alt|halten}}&nbsp;+&nbsp;{{Taste|P}} Alt + P
{{Taste|Strg|halten}}&nbsp;+&nbsp;{{Taste|Alt|halten}}&nbsp;+&nbsp;{{Taste|Entf}} Strg + Alt + Entf
{{Taste|AltGr|lightgreen}}&nbsp;+&nbsp;{{Taste|P}} AltGr + P