Vorlage:Anleitung2Screenshots: Unterschied zwischen den Versionen
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 19: | Zeile 19: | ||
'''Vorschau''': | '''Vorschau''': | ||
{{AnleitungAbsatz|BeispielAbsatz}} | {{AnleitungAbsatz|BeispielAbsatz}} | ||
<div class="barrierefrei" style="display: grid; grid-template-columns: 1fr 1fr; gap: 1em;"> | <div class="barrierefrei screenshot" style="display: grid; grid-template-columns: 1fr 1fr; gap: 1em;"> | ||
<div style="grid-column: 1 / span 1; grid-row: 1 / span 1; | <div class="screenshotrahmen" style="grid-column: 1 / span 1; grid-row: 1 / span 1;"> | ||
[[File:PdfCollector Vorauswahl.png|center|frameless|340x340px|alt=Beispielscreenshot1]] | [[File:PdfCollector Vorauswahl.png|center|frameless|340x340px|alt=Beispielscreenshot1]] | ||
</div> | </div> | ||
<div style="grid-column: 2 / span 1; grid-row: 1 / span 1; | <div class="screenshotrahmen" style="grid-column: 2 / span 1; grid-row: 1 / span 1;"> | ||
[[File:PdfCollector Vorauswahl.png|center|frameless|340x340px|alt=Beispielscreenshot2]] | [[File:PdfCollector Vorauswahl.png|center|frameless|340x340px|alt=Beispielscreenshot2]] | ||
</div> | </div> | ||
| Zeile 34: | Zeile 34: | ||
</div> | </div> | ||
</noinclude><includeonly>{{#if: {{{7| }}}|{{AnleitungAbsatz|{{{7| }}}}}|}} | </noinclude><includeonly>{{#if: {{{7| }}}|{{AnleitungAbsatz|{{{7| }}}}}|}} | ||
<div class="barrierefrei" style="display: grid; grid-template-columns: 1fr 1fr; gap: 1em;"> | <div class="barrierefrei screenshot" style="display: grid; grid-template-columns: 1fr 1fr; gap: 1em;"> | ||
<div style="grid-column: 1 / span 1; grid-row: 1 / span 1 | <div class="screenshotrahmen" style="grid-column: 1 / span 1; grid-row: 1 / span 1;"> | ||
[[{{#switch: {{#explode:{{{1|PdfCollector Vorauswahl.png}}}|:|0}} | [[{{#switch: {{#explode:{{{1|PdfCollector Vorauswahl.png}}}|:|0}} | ||
| File | | File | ||
| Zeile 43: | Zeile 43: | ||
| #default = File:}}{{{1|PdfCollector Vorauswahl.png}}}|center|frameless|340x340px|alt={{{2| }}}]] | | #default = File:}}{{{1|PdfCollector Vorauswahl.png}}}|center|frameless|340x340px|alt={{{2| }}}]] | ||
</div> | </div> | ||
<div style="grid-column: 2 / span 1; grid-row: 1 / span 1 | <div class="screenshotrahmen" style="grid-column: 2 / span 1; grid-row: 1 / span 1;"> | ||
[[{{#switch: {{#explode:{{{4|PdfCollector Vorauswahl.png}}}|:|0}} | [[{{#switch: {{#explode:{{{4|PdfCollector Vorauswahl.png}}}|:|0}} | ||
| File | | File | ||
Version vom 24. August 2022, 11:32 Uhr
Vorlage für die Integration von zwei kleineren Bildern in einer Anleitung, die nebeneinander stehen sollen. Die Vorlage nutzt die gleiche Vorlage für Absätze in Anleitungen. Es werden bis zu sieben Parameter benötigt:
{{Anleitung2Screenshots
|DateinameLinks
|AlternativtextLinks
|BildunterschriftLinks
|DateinameRechts
|AlternativtextRechts
|BildunterschriftRechts
|Beschreibung
}}
- Dateiname: Nur der Dateiname mit Endung. Es wird kein vorangestelltes File: oder Datei: benötigt(, kann aber auch mit interpretiert werden). Kann bspw. aus dem Seitentitel in der Vorschau kopiert werden.
- Alternativtext: Wird für Screenreader benötigt und soll eine Beschreibung des Bildinhalts sein. Formatierungen sind nicht notwendig. Wenn kein Alternativtext angegeben wurde, erscheint unterhalb des Bildes ein roter Warnhinweis.
- Bildunterschrift: Jedes der beiden Bilder kann mit einer Bildunterschrift versehen werden.
- Beschreibung: Anleitungstext. Kann Formatiert werden und wird als Absatz oberhalb der Screenshots gezeigt.
Vorschau:
Bildunterschrift links
Bildunterschrift rechts