https://swpedia.alte-schattenwelt.de/index.php?action=history&feed=atom&title=Vorlage%3AHinweisbaustein
Vorlage:Hinweisbaustein - Versionsgeschichte
2026-04-05T21:20:34Z
Versionsgeschichte dieser Seite in SWPedia
MediaWiki 1.45.3
https://swpedia.alte-schattenwelt.de/index.php?title=Vorlage:Hinweisbaustein&diff=87661&oldid=prev
Ee8aa330-49bc-497e-9fbe-be532ca81d37 am 28. Januar 2026 um 20:04 Uhr
2026-01-28T20:04:25Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 28. Januar 2026, 22:04 Uhr</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Zeile 1:</td>
<td colspan="2" class="diff-lineno">Zeile 1:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><onlyinclude>{{#ifeq: {{{POSITION}}} | unten | <nowiki /></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><onlyinclude>{{#ifeq: {{{POSITION}}} | unten | <nowiki /></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><!-- Aufzählungen brechen -->}}{{#switch: {{{POSITION|innerhalb}}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><!-- Aufzählungen brechen -->}}{{#switch: {{{POSITION|innerhalb}}}</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> |oben|unten|innerhalb|=<div class="<del style="font-weight: bold; text-decoration: none;">hintergrundfarbe1 </del>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></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> |oben|unten|innerhalb|=<div class="<ins style="font-weight: bold; text-decoration: none;">mw-highlight </ins>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></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><div class="noviewer noresize {{#ifeq: {{{ICON.nomobile|}}} | 1 | nomobile}} {{{ICON.class|}}}" 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></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><div class="noviewer noresize {{#ifeq: {{{ICON.nomobile|}}} | 1 | nomobile}} {{{ICON.class|}}}" 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></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><div style="display: table-cell; vertical-align: middle; width: 100%;"></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><div style="display: table-cell; vertical-align: middle; width: 100%;"></div></td></tr>
</table>
Ee8aa330-49bc-497e-9fbe-be532ca81d37
https://swpedia.alte-schattenwelt.de/index.php?title=Vorlage:Hinweisbaustein&diff=87660&oldid=prev
Ee8aa330-49bc-497e-9fbe-be532ca81d37: Die Seite wurde neu angelegt: „<onlyinclude>{{#ifeq: {{{POSITION}}} | unten | <nowiki /> <!-- 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=…“
2026-01-28T19:59:58Z
<p>Die Seite wurde neu angelegt: „<onlyinclude>{{#ifeq: {{{POSITION}}} | unten | <nowiki /> <!-- 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=…“</p>
<p><b>Neue Seite</b></p><div><onlyinclude>{{#ifeq: {{{POSITION}}} | unten | <nowiki /><br />
<!-- Aufzählungen brechen -->}}{{#switch: {{{POSITION|innerhalb}}}<br />
|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|}}} | <br />
<div class="noviewer noresize {{#ifeq: {{{ICON.nomobile|}}} | 1 | nomobile}} {{{ICON.class|}}}" 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>}}<br />
<div style="display: table-cell; vertical-align: middle; width: 100%;"><br />
<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}}}"}}><br />
{{{INHALT}}}</div><br />
</div></div><br />
|#default=<div class="error">FEHLER – [[Vorlage:Hinweisbaustein]] mit unbekannter POSITION</div>}}</onlyinclude><br />
<br />
<noinclude>{{Dokumentation/Dokuseite}}</noinclude><br />
{{TemplateData|JSON=<br />
{ "description": "'''Hinweisbaustein''' in dezenter Gestaltung wie in Artikeln üblich; barrierefrei",<br />
"params": {<br />
"INHALT":<br />
{ "label": "Nutztext",<br />
"description": "Textbereich",<br />
"type": "content",<br />
"required": true },<br />
"POSITION":<br />
{ "label": "Position",<br />
"description": "Position im Artikel",<br />
"type": "line",<br />
"required": false,<br />
"suggestedvalues": [<br />
{ "code": "oben",<br />
"label": "Kopf der Seite, volle Breite" },<br />
{ "code": "innerhalb",<br />
"label": "beliebig in der Seite" },<br />
{ "code": "unten",<br />
"label": "Fuß der Seite, volle Breite" }<br />
],<br />
"default": "innerhalb",<br />
"example": "oben" },<br />
"vollbreit":<br />
{ "label": "",<br />
"description": "(nur <code>[[#templatedata:POSITION|POSITION=innerhalb]]</code>) Box soll ganze verfügbare Breite einnehmen (Vorgabe) oder ggf. auf die Breite des Inhalts reduziert werden",<br />
"type": "boolean",<br />
"required": false,<br />
"default": "1",<br />
"example": "0" },<br />
"class":<br />
{ "label": "",<br />
"description": "zusätzliche Klassen als Leerzeichen-getrennte Aufzählung",<br />
"type": "line",<br />
"required": false },<br />
"noprint":<br />
{ "label": "",<br />
"description": "vom Druck ausschließen",<br />
"type": "boolean",<br />
"required": false,<br />
"default": "0",<br />
"example": "1" },<br />
"style":<br />
{ "label": "",<br />
"description": "zusätzliche CSS-Deklarationen",<br />
"type": "line",<br />
"required": false },<br />
"SCHRIFT%":<br />
{ "label": "Schriftgröße",<br />
"description": "Schriftgröße in Prozent",<br />
"type": "number",<br />
"required": false,<br />
"default": "100",<br />
"example": "92" },<br />
"TEXTBREITE":<br />
{ "label": "Textbreite",<br />
"description": "Maximale Länge der Fließtext-Zeilen (nicht die Breite der Box) in&nbsp;<code>em</code> zur besseren Lesbarkeit auf breiten Bildschirmen; mit <code>-</code> oder <code>0</code> ohne Breitenbeschränkung",<br />
"type": "line",<br />
"required": false,<br />
"default": "70",<br />
"example": "-" },<br />
"id":<br />
{ "label": "Anker",<br />
"description": "Fragmentbezeichner (Sprungziel)",<br />
"type": "line",<br />
"required": false },<br />
"role":<br />
{ "label": "ARIA-Rolle (für Nicht-Sehende)",<br />
"description": "[[Accessible Rich Internet Applications|ARIA]]-Rolle",<br />
"type": "line",<br />
"required": false,<br />
"suggestedvalues": [<br />
{ "code": "navigation",<br />
"label": "Baustein ist wesentlich für die Navigation zwischen Seiten oder über die gesamte Seite, etwa im Zusammenhang mit Begriffsklärungshinweisen usw." },<br />
{ "code": "contentinfo",<br />
"label": "Baustein beschreibt kurzgefasst den Inhalt der gesamten Seite, etwa [[Vorlage:Begriffsklärung]]" }<br />
] },<br />
"lang":<br />
{ "label": "Sprache",<br />
"description": "Sprachcode nach [[ISO 639]]",<br />
"type": "line",<br />
"required": false },<br />
"dir":<br />
{ "label": "Schreib&shy;richtung",<br />
"description": "Schreibrichtung (nicht erben)",<br />
"type": "line",<br />
"required": false,<br />
"default": "(ltr)",<br />
"example": "rtl" },<br />
"ICON":<br />
{ "label": "Icon",<br />
"description": "Eyecatcher (redundant)<noexport>.<br /><br />
Icons sind nur dekorativ, und die vom Publikum erwartete Funktion wäre, dass sie ggf. mit einer Projektseite verlinkt sind oder überhaupt nicht.<br /><br />
Es dürfen deshalb nur Public-Domain-Grafiken verwendet werden, weil eine Verlinkung mit der Lizenz an dieser Stelle sehr irritierend wäre.<br /><br />
Falls ein Tooltip-Text als letzter Datei-Parameter angegeben wurde, muss auch mittels <code>&#124;alt=&#124;</code> die Interpretation des Tooltips als Bildbeschreibung unterbunden werden.</noexport>",<br />
"type": "content",<br />
"required": false },<br />
"ICON.class":<br />
{ "label": "Icon class",<br />
"description": "Klassen für Icon als Leerzeichen-getrennte Aufzählung",<br />
"type": "line",<br />
"required": false },<br />
"ICON.id":<br />
{ "label": "Icon id",<br />
"description": "Fragmentbezeichner für Icon",<br />
"type": "line",<br />
"required": false },<br />
"ICON.nomobile":<br />
{ "label": "Icon mobil",<br />
"description": "Icon auf Mobilgeräten nicht anzeigen",<br />
"type": "boolean",<br />
"required": false,<br />
"default": "0",<br />
"example": "1" }<br />
},<br />
"format": "block"<br />
}<br />
|TOC=1}}<br />
<br />
== Kopiervorlagen ==<br />
<syntaxhighlight lang="wikitext" copy="1"><br />
{{Hinweisbaustein |INHALT=}}<br />
{{Hinweisbaustein<br />
|POSITION=<br />
|noprint=1<br />
|ICON=<br />
|INHALT=<br />
}}<br />
</syntaxhighlight><br />
<br />
== Beispiele ==<br />
<syntaxhighlight lang="wikitext" style="white-space:pre-wrap; overflow:auto;"><br />
{{Hinweisbaustein |INHALT=Kopf des Artikels |POSITION=oben |ICON=[[Datei:Face-smile.svg|22px|verweis=|alt=|Geht ja gut los]]}}<br />
</syntaxhighlight><br />
{{Hinweisbaustein |INHALT=Kopf des Artikels |POSITION=oben |ICON=[[Datei:Face-smile.svg|22px|verweis=|alt=|Geht ja gut los]]}}<br />
<br />
<syntaxhighlight lang="wikitext" style="white-space:pre-wrap; overflow:auto;"><br />
{{Hinweisbaustein |INHALT=Dies ist ein Smiley. |ICON=[[Datei:Face-smile.svg|22px|verweis=|alt=|Lächel!]]}}<br />
</syntaxhighlight><br />
{{Hinweisbaustein |INHALT=Dies ist ein Smiley. |ICON=[[Datei:Face-smile.svg|22px|verweis=|alt=|Lächel!]]}}<br />
<br />
<syntaxhighlight lang="wikitext" style="white-space:pre-wrap; overflow:auto;"><br />
{{Hinweisbaustein |INHALT=Nutztext zu Fuß |POSITION=unten}}<br />
</syntaxhighlight><br />
{{Hinweisbaustein |INHALT=Nutztext zu Fuß |POSITION=unten}}<br />
<br />
== Barrierefreiheit ==<br />
Dieses Muster verzichtet auf [[Hilfe:Textgestaltung/Barrierefreiheit#Layout-Tabelle|Layout-Tabellen]] und blendet das Icon bei [[Screenreader]]n aus.<br />
{{Dokumentation/Siehe auch|Liste=<br />
* [[Vorlage:Standardbaustein]] – weitere Designvarianten<br />
<br />
Es entspricht näherungsweise:<br />
* [[Vorlage:Bausteindesign1]] – <code>POSITION=oben</code><br />
* [[Vorlage:Bausteindesign2]] – <code>POSITION=unten</code><br />
* [[Vorlage:Bausteindesign3]] – <code>POSITION=innerhalb</code><br />
}}<br />
<includeonly><br />
[[Kategorie:Vorlage:für Vorlagen]]<br />
</includeonly></div>
Ee8aa330-49bc-497e-9fbe-be532ca81d37