Foxwiki:MediaWiki/Vorlagen/Taste: Unterschied zwischen den Versionen

Aus Foxwiki
Die Seite wurde neu angelegt: „<onlyinclude><kbd style="background:{{#ifeq:{{{2|}}}|halten|#E0FFFF|{{{2|#F7F7F7}}} }}; background-image:linear-gradient(rgba(255,255,255,.4),rgba(127,127,127,…“
 
Keine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
<noinclude>{{Dokumentation/Dokuseite}}</noinclude>
{{TemplateData|JSON=
{ "description": "Textbaustein zur Veranschaulichung von [[Tastatur]]eingaben oder Darstellung von [[Schaltfläche]]n",
  "params": { "1": { "label":      "Text",
                    "description": "Angezeigte Beschriftung",
                    "type":        "line",
                    "suggested":  true,
                    "default":    "Taste",
                    "example":    "Strg"
                  },
              "2": { "label":      "Farbcode",
                    "description": "Farbwert (CSS-konform) der Hintergrundfarbe der Taste",
                    "type":        "line",
                    "required":    false,
                    "default":    "#F7F7F7",
                    "example":    "#99FF99"
                  }
  },
  "format": "inline"
}
|TOC=1}}
== Hinweise ==
Die [[Schriftart]] ist
* [[Schreibmaschinenschrift]], wenn
** nur aus einem einzigen Zeichen bestehend oder
** mit <code>[[Et-Zeichen|&amp;]]</code> beginnend (für [[HTML-Entität]]en wie beispielsweise <code>[[Senkrechter Strich|&amp;#124;]]</code>),
: damit <code style="white-space: nowrap">[[I]] [[l]] [[Senkrechter Strich||]]</code> 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 <code>Strg</code> als {{Taste|Strg}} kompakter dargestellt.
[[Hilfe:Farbe#Farbcodes|Farbcode]]: Die Taste kann farbig gestaltet werden. Dabei muss
* entweder ein gültiger Wert für die [[Cascading Style Sheets|CSS]]-Eigenschaft ''background-color'' angegeben werden
* oder „<code>halten</code>“, um den Farbwert <code>#E0FFFF</code>, ''LightCyan'', zu erhalten.
{{Taste|drücken}} {{Taste|halten|halten}} {{Taste|#FCC|#FCC}}
== Kopiervorlage ==
<code><nowiki>{{Taste|}}</nowiki></code>
<code><nowiki>{{Taste||halten}}</nowiki></code>
=== weitere ===
{| style="line-height:200%"
! Das schreibt man !! So sieht es aus
|-
| <code><nowiki>{{Taste|Alt|halten}}&amp;nbsp;+</nowiki></code>        || {{Taste|Alt|halten}}&nbsp;+
|-
| <code><nowiki>{{Taste|⌥ Alt|halten}}&amp;nbsp;+</nowiki></code>      || {{Taste|⌥ Alt|halten}}&nbsp;+
|-
| <code><nowiki>{{Taste|⌥ Option|halten}}&amp;nbsp;+</nowiki></code>  || {{Taste|⌥ Option|halten}}&nbsp;+
|-
| <code><nowiki>{{Taste|⇧ Umschalt|halten}}&amp;nbsp;+</nowiki></code>  || {{Taste|⇧ Umschalt|halten}}&nbsp;+
|-
| <code><nowiki>{{Taste|⇧ Shift|halten}}&amp;nbsp;+</nowiki></code>    || {{Taste|⇧ Shift|halten}}&nbsp;+
|-
| <code><nowiki>{{Taste|Strg|halten}}&amp;nbsp;+</nowiki></code>        || {{Taste|Strg|halten}}&nbsp;+
|-
| <code><nowiki>{{Taste|⌘ Befehl|halten}}&amp;nbsp;+</nowiki></code>    || {{Taste|⌘ Befehl|halten}}&nbsp;+
|}
== Beispiele ==
{| style="line-height:200%"
! Das schreibt man !! So sieht es aus
|-
| <code><nowiki>{{Taste|Alt|halten}}&amp;nbsp;+&amp;nbsp;{{Taste|P}}</nowiki></code>
| {{Taste|Alt|halten}}&nbsp;+&nbsp;{{Taste|P}}
|-
| <code><nowiki>{{Taste|Strg|halten}}&amp;nbsp;+&amp;nbsp;{{Taste|Alt|halten}}&amp;nbsp;+&amp;nbsp;{{Taste|Entf}}</nowiki></code>
| {{Taste|Strg|halten}}&nbsp;+&nbsp;{{Taste|Alt|halten}}&nbsp;+&nbsp;{{Taste|Entf}}
|-
| <code><nowiki>{{Taste|AltGr|lightgreen}}&amp;nbsp;+&amp;nbsp;{{Taste|P}}</nowiki></code>
| {{Taste|AltGr|lightgreen}}&nbsp;+&nbsp;{{Taste|P}}
|}
<includeonly>
[[Kategorie:Vorlage:Textformatierung]]
</includeonly>
<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}}} }}; 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}}

Version vom 3. April 2022, 16:50 Uhr

Vorlage:Dokumentation/Dokuseite Vorlage:TemplateData

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 {{#if:trim|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.

{{#if:trim|drücken}} {{#if:trim|halten}} {{#if:trim|#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}} + {{#if:trim|P}}
{{Taste|Strg|halten}}&nbsp;+&nbsp;{{Taste|Alt|halten}}&nbsp;+&nbsp;{{Taste|Entf}} Strg}} + {{#if:trim|Alt}} + {{#if:trim|Entf}}
{{Taste|AltGr|lightgreen}}&nbsp;+&nbsp;{{Taste|P}} AltGr}} + {{#if:trim|P}}


{{#if:trim|Taste}}

Vorlage:Dokumentation