„Vorlage:Hinweisbaustein“ – Versionsunterschied
Zur Navigation springen
Zur Suche springen
[gesichtete Version] | [gesichtete Version] |
Inhalt gelöscht Inhalt hinzugefügt
robuster |
Mindestbreite für ICON (mobile Seite) Markierungen: Mobile Bearbeitung Mobile Web-Bearbeitung Erweiterte mobile Bearbeitung |
||
Zeile 2: | Zeile 2: | ||
<!-- Aufzählungen brechen -->}}{{#switch: {{{POSITION|innerhalb}}} |
<!-- Aufzählungen brechen -->}}{{#switch: {{{POSITION|innerhalb}}} |
||
|oben|unten|innerhalb|=<div class="hintergrundfarbe1 rahmenfarbe1 navigation-not-searchable {{#ifeq: {{{noprint|}}} | 1 | noprint}} {{{class|}}}" style="border{{#switch: {{{POSITION|}}}|oben=-bottom|unten=-top}}-style: solid; border{{#switch: {{{POSITION|}}}|oben=-bottom|unten=-top}}-width: 1px; {{#switch: {{{POSITION|}}} |oben= |unten=clear: both; |#default=clear: left;}} {{#switch: {{{POSITION|}}} |oben|unten= |#default= {{#switch: {{{vollbreit|1}}} |0=display: table;}} }} {{#if: {{{SCHRIFT%|}}} | font-size:{{{SCHRIFT%}}}%;}} margin-{{#if: {{#switch: {{{POSITION|}}} |oben|unten=1}} | {{#switch: {{{POSITION|}}} |oben=bottom|unten=top}}:1em | bottom:1em; margin-top:1em}}; padding: 0.25em; overflow: hidden; word-break: break-word; word-wrap: break-word; {{{style|}}}" {{#if: {{{id|}}} | id="{{{id}}}"}}>{{#if: {{{ICON|}}} | |
|oben|unten|innerhalb|=<div class="hintergrundfarbe1 rahmenfarbe1 navigation-not-searchable {{#ifeq: {{{noprint|}}} | 1 | noprint}} {{{class|}}}" style="border{{#switch: {{{POSITION|}}}|oben=-bottom|unten=-top}}-style: solid; border{{#switch: {{{POSITION|}}}|oben=-bottom|unten=-top}}-width: 1px; {{#switch: {{{POSITION|}}} |oben= |unten=clear: both; |#default=clear: left;}} {{#switch: {{{POSITION|}}} |oben|unten= |#default= {{#switch: {{{vollbreit|1}}} |0=display: table;}} }} {{#if: {{{SCHRIFT%|}}} | font-size:{{{SCHRIFT%}}}%;}} margin-{{#if: {{#switch: {{{POSITION|}}} |oben|unten=1}} | {{#switch: {{{POSITION|}}} |oben=bottom|unten=top}}:1em | bottom:1em; margin-top:1em}}; padding: 0.25em; overflow: hidden; word-break: break-word; word-wrap: break-word; {{{style|}}}" {{#if: {{{id|}}} | id="{{{id}}}"}}>{{#if: {{{ICON|}}} | |
||
<div class="noviewer {{#ifeq: {{{ICON.nomobile|}}} | 1 | nomobile}}" style="display: table-cell; padding-bottom: 0.2em; padding-left: 0.25em; padding-right: 1em; padding-top: 0.2em; vertical-align: middle;" {{#if: {{{ICON.id|}}} | id="{{{ICON.id}}}"}} aria-hidden="true" role="presentation">{{{ICON}}}</div>}} |
<div class="noviewer {{#ifeq: {{{ICON.nomobile|}}} | 1 | nomobile}}" style="display: table-cell; padding-bottom: 0.2em; padding-left: 0.25em; padding-right: 1em; padding-top: 0.2em; vertical-align: middle;" {{#if: {{{ICON.id|}}} | id="{{{ICON.id}}}"}} aria-hidden="true" role="presentation">{{{ICON}}}</div>}} |
||
<div style="display: table-cell; vertical-align: middle; width: 100%;"> |
<div style="display: table-cell; vertical-align: middle; width: 100%;"> |
||
<div {{#if:{{{TEXTBREITE|}}} | {{#switch: {{lc:{{{TEXTBREITE|}}}}} |0|-|none= |#default=style="max-width:{{{TEXTBREITE|70}}}em"}}}} {{#if: {{{lang|}}} | lang="{{{lang}}}"}} {{#if: {{{dir|}}} | dir="{{{dir}}}"}} {{#if: {{{role|}}} | role="{{{role}}}"}}> |
<div {{#if:{{{TEXTBREITE|}}} | {{#switch: {{lc:{{{TEXTBREITE|}}}}} |0|-|none= |#default=style="max-width:{{{TEXTBREITE|70}}}em"}}}} {{#if: {{{lang|}}} | lang="{{{lang}}}"}} {{#if: {{{dir|}}} | dir="{{{dir}}}"}} {{#if: {{{role|}}} | role="{{{role}}}"}}> |
Version vom 29. Oktober 2023, 17:25 Uhr
Hinweisbaustein in dezenter Gestaltung wie in Artikeln üblich; barrierefrei
Vorlagenparameter
Parameter | Beschreibung | Typ | Status | |
---|---|---|---|---|
Nutztext | INHALT | Textbereich | Wikitext | erforderlich |
Position | POSITION | Position im Artikel
| Einzeiliger Text | optional |
vollbreit | vollbreit | (nur POSITION=innerhalb ) Box soll ganze verfügbare Breite einnehmen (Vorgabe) oder ggf. auf die Breite des Inhalts reduziert werden
| Wahrheitswert | optional |
class | class | zusätzliche Klassen als Leerzeichen-getrennte Aufzählung | Einzeiliger Text | optional |
noprint | noprint | vom Druck ausschließen
| Wahrheitswert | optional |
style | style | zusätzliche CSS-Deklarationen | Einzeiliger Text | optional |
Schriftgröße | SCHRIFT% | Schriftgröße in Prozent
| Zahlenwert | optional |
Textbreite | TEXTBREITE | Maximale Länge der Fließtext-Zeilen (nicht die Breite der Box) in em zur besseren Lesbarkeit auf breiten Bildschirmen; mit - oder 0 ohne Breitenbeschränkung
| Einzeiliger Text | optional |
Anker | id | Fragmentbezeichner (Sprungziel) | Einzeiliger Text | optional |
ARIA-Rolle (für Nicht-Sehende) | role | ARIA-Rolle
| Einzeiliger Text | optional |
Sprache | lang | Sprachcode nach ISO 639 | Einzeiliger Text | optional |
Schreibrichtung | dir | Schreibrichtung (nicht erben)
| Einzeiliger Text | optional |
Icon | ICON | Eyecatcher (redundant). Icons sind nur dekorativ, und die vom Publikum erwartete Funktion wäre, dass sie ggf. mit einer Projektseite verlinkt sind oder überhaupt nicht. |alt=| die Interpretation des Tooltips als Bildbeschreibung unterbunden werden. | Wikitext | optional |
Icon id | ICON.id | Fragmentbezeichner für Icon | Einzeiliger Text | optional |
Icon mobil | ICON.nomobile | Icon auf Mobilgeräten nicht anzeigen
| Wahrheitswert | optional |
Kopiervorlage
{{Hinweisbaustein |INHALT=}}
Beispiele
{{Hinweisbaustein |INHALT=Kopf des Artikels |POSITION=oben |ICON=[[Datei:Face-smile.svg|22px|verweis=|alt=|Geht ja gut los]]}}
{{Hinweisbaustein |INHALT=Dies ist ein Smiley. |ICON=[[Datei:Face-smile.svg|22px|verweis=|alt=|Lächel!]]}}
{{Hinweisbaustein |INHALT=Nutztext zu Fuß |POSITION=unten}}
Barrierefreiheit
Dieses Muster verzichtet auf Layout-Tabellen und blendet das Icon bei Screenreadern aus.