Vorlage:Doppeltes Bild/Doku und Vorlage:Mehrere Bilder: Unterschied zwischen den Seiten

Aus AnthroWiki
(Unterschied zwischen Seiten)
imported>Odyssee
(Die Seite wurde neu angelegt: „<noinclude>{{Dokumentation/Dokuseite}}</noinclude> === Benutzung === Diese Vorlage erstellt eine Box mit zwei nebeneinander stehenden Bildern. Sie erwartet fol…“)
 
imported>Odyssee
(Die Seite wurde neu angelegt: „<includeonly><div class="thumb {{#switch: {{{align|}}} | left = tleft | center | centre = tnone | tright}}" style="width:{{#ifeq: {{{Richtung|horizontal}}} | v…“)
 
Zeile 1: Zeile 1:
<noinclude>{{Dokumentation/Dokuseite}}</noinclude>
<includeonly><div class="thumb {{#switch: {{{align|}}} | left = tleft | center | centre = tnone | tright}}" style="width:{{#ifeq: {{{Richtung|horizontal}}} | vertical | {{#expr: {{#if: {{{Breite|}}} | {{{Breite}}} | {{{Breite1}}} }} + 12}} | {{#if: {{{Breite|}}} | {{#expr: 8 + ({{{Breite|0}}} + 4) * {{#if: {{{Bild5|}}} | 5 | {{#if: {{{Bild4|}}} | 4 | {{#if: {{{Bild3|}}} | 3 | 2 }} }} }} }} | {{#expr: 16 + {{{Breite1}}} + {{{Breite2}}} + {{{Breite3|0}}} + {{{Breite4|0}}} + {{{Breite5|0}}} + {{#if: {{{Bild5|}}} | 12 | {{#if: {{{Bild4|}}} | 8 | {{#if: {{{Bild3|}}} | 4 | 0 }} }} }} }} }} }}px;{{#switch: {{{align|}}} | center | centre = margin: 0 auto;}}{{#if:{{{Hintergrund|}}}|background-color:{{{Hintergrund}}};}}">
=== Benutzung ===
<div class="thumbinner" style="width:{{#ifeq: {{{Richtung|horizontal}}} | vertical | {{#expr: {{#if: {{{Breite|}}} | {{{Breite}}} | {{{Breite1}}} }} + 4}} | {{#if: {{{Breite|}}} | {{#expr: ({{{Breite|0}}} + 4) * {{#if: {{{Bild5|}}} | 5 | {{#if: {{{Bild4|}}} | 4 | {{#if: {{{Bild3|}}} | 3 | 2 }} }} }} }} | {{#expr: 8 + {{{Breite1}}} + {{{Breite2}}} + {{{Breite3|0}}} + {{{Breite4|0}}} + {{{Breite5|0}}} + {{#if: {{{Bild5|}}} | 12 | {{#if: {{{Bild4|}}} | 8 | {{#if: {{{Bild3|}}} | 4 | 0 }} }} }} }} }} }}px;{{#if:{{{Hintergrund|}}}|background-color:{{{Hintergrund}}};}}">
Diese Vorlage erstellt eine Box mit zwei nebeneinander stehenden Bildern. Sie erwartet folgende Parameter:
{{#if: {{{Kopfzeile|}}} | <div style="clear:both;font-weight:bold;text-align:{{{Kopfzeile_align|center}}};background:{{{Kopfzeile_Hintergrund|transparent}}};">{{{Kopfzeile}}}</div> }}
 
<div style="{{#ifeq: {{{Richtung|horizontal}}} | horizontal | float:left;}}margin:1px;width:{{#expr: 2 + {{#if: {{{Breite|}}} | {{{Breite}}} | {{{Breite1}}} }} }}px;"><div class="thumbimage">[[Datei:{{{Bild1}}}|{{#if: {{{Breite|}}} | {{{Breite}}} | {{{Breite1}}} }}px]]</div>{{#if: {{{Untertitel1|}}} | <div class="thumbcaption" style="clear:left;">{{{Untertitel1}}}</div>}}</div>
:<code><nowiki>{{Doppeltes Bild|links/rechts/zentriert|Linkes Bild|Linke Bildgröße|Rechtes Bild|Rechte Bildgröße|Linke Bildunterschrift|Rechte Bildunterschrift|Linker Alternativtext|Rechter Alternativtext}}</nowiki></code><br />
<div style="{{#ifeq: {{{Richtung|horizontal}}} | horizontal | float:left;}}margin:1px;width:{{#expr: 2 + {{#if: {{{Breite|}}} | {{{Breite}}} | {{{Breite2}}} }} }}px;"><div class="thumbimage">[[Datei:{{{Bild2}}}|{{#if: {{{Breite|}}} | {{{Breite}}} | {{{Breite2}}} }}px]]</div>{{#if: {{{Untertitel2|}}} | <div class="thumbcaption" style="clear:left;">{{{Untertitel2}}}</div>}}</div>
Alternativtexte können weggelassen werden.
{{#if: {{{Bild3|}}} | <div style="{{#ifeq: {{{Richtung|horizontal}}} | horizontal | float:left;}}margin:1px;width:{{#expr: 2 + {{#if: {{{Breite|}}} | {{{Breite}}} | {{{Breite3}}} }} }}px;"><div class="thumbimage">[[Datei:{{{Bild3}}}|{{#if: {{{Breite|}}} | {{{Breite}}} | {{{Breite3}}} }}px]]</div>{{#if: {{{Untertitel3|}}} | <div class="thumbcaption" style="clear:left;">{{{Untertitel3}}}</div>}}</div>
 
{{#if: {{{Bild4|}}} | <div style="{{#ifeq: {{{Richtung|horizontal}}} | horizontal | float:left;}}margin:1px;width:{{#expr: 2 + {{#if: {{{Breite|}}} | {{{Breite}}} | {{{Breite4}}} }} }}px;"><div class="thumbimage">[[Datei:{{{Bild4}}}|{{#if: {{{Breite|}}} | {{{Breite}}} | {{{Breite4}}} }}px]]</div>{{#if: {{{Untertitel4|}}} | <div class="thumbcaption" style="clear:left;">{{{Untertitel4}}}</div>}}</div>
=== Beispiele ===
{{#if: {{{Bild5|}}} | <div style="{{#ifeq: {{{Richtung|horizontal}}} | horizontal | float:left;}}margin:1px;width:{{#expr: 2 + {{#if: {{{Breite|}}} | {{{Breite}}} | {{{Breite5}}} }} }}px;"><div class="thumbimage">[[Datei:{{{Bild5}}}|{{#if: {{{Breite|}}} | {{{Breite}}} | {{{Breite5}}} }}px]]</div>{{#if: {{{Untertitel5|}}} | <div class="thumbcaption" style="clear:left;">{{{Untertitel5}}}</div>}}</div>}}}}}}
Linksbündig, mit Bildunterschrift unter jedem Bild, Vorlagen-Text:
{{#if: {{{Fußzeile|}}} | <div class="thumbcaption" style="clear:left;text-align:{{{Fußzeile_align|left}}};background:{{{Fußzeile_Hintergrund|transparent}}};">{{{Fußzeile}}}</div> }}</div></div></includeonly><noinclude>
:<code><nowiki>{{Doppeltes Bild|links|Yellow card.svg|60|Red card.svg|60|Gelbe Karte|Rote Karte|lili|rere}}</nowiki></code>
{{dokumentation}}
sieht so aus:
</noinclude>
{{Doppeltes Bild|links|Yellow card.svg|60|Red card.svg|60|Gelbe Karte|Rote Karte|lili|rere}}
<br clear=all>
Rechtsbündig, mit einer gemeinsamen Bildunterschrift (zweiter Bildunterschrift-Parameter = Leerstelle), Vorlagen-Text:
:<code><nowiki>{{Doppeltes Bild|rechts|Yellow card.svg|80|Red card.svg|80|Spieler werden mit … gewiesen.||lili|rere}}</nowiki></code>
sieht so aus:
{{Doppeltes Bild|rechts|Yellow card.svg|80|Red card.svg|80|Spieler werden mit einer gelben Karte verwarnt, und mit einer roten Karte vom Platz gewiesen.||lili|rere}}
 
=== Siehe auch ===
* [[Vorlage:Mehrere Bilder]]

Aktuelle Version vom 9. Oktober 2013, 23:12 Uhr


Dokumentation[Bearbeiten]

Diese Vorlage dient zum Anzeigen von zwei bis fünf Bildern in einem Kasten, wobei die Bilder nebeneinander oder übereinander platziert werden können.

Kopiervorlage

{{Mehrere Bilder
 | align     = left/right/center
 | Richtung  = horizontal/vertical
 | Kopfzeile = 
 | Kopfzeile_align = left/right/center
 | Kopfzeile_Hintergrund = 
 | Fußzeile    = 
 | Fußzeile_align = left/right/center
 | Fußzeile_Hintergrund = 
 | Breite      = 

 | Bild1       = 
 | Untertitel1 = 
 | Breite1     = 

 | Bild2       = 
 | Untertitel2 = 
 | Breite2     = 

 | Bild3       = 
 | Untertitel3 = 
 | Breite3     = 

 | Bild4       = 
 | Untertitel4 = 
 | Breite4     = 

 | Bild5       = 
 | Untertitel5 = 
 | Breite5     = 
}}

Parameter

  • align Standardwert ist "center"
  • Richtung Standardwert ist "horizontal"
  • Kopfzeile_align Standardwert ist "center"
  • Fußzeile_align Standardwert ist "left"
  • Breite überschreibt die Parameter Breite1, Breite2, Breite3, Breite4, und Breite5. Wenn du jedem Bild eine andere Breite geben möchtest, lass daher bitte den Breite-Parameter frei.
  • Kopfzeile, Fußzeile und Untertitel sind optional.

Beispiele

Spieler erhalten als Verwarnung eine gelbe Karte und werden mit einer roten Karte des Feldes verwiesen.
{{Mehrere Bilder
 | Fußzeile = Spieler erhalten als Verwarnung eine gelbe Karte und werden mit einer roten Karte des Feldes verwiesen.
 | Breite   = 60
 | Bild1    = Yellow card.svg
 | Bild2    = Red card.svg
}}


Beispiel für Transparenzen in einem PNG-Bild
Ein PNG-Bild mit einer 8-bit Transparenz…
…vor einem karierten Hintergrund.
{{Mehrere Bilder
 | align       = left
 | Richtung    = vertical
 | Kopfzeile   = Beispiel für Transparenzen in einem [[PNG]]-Bild
 | Breite      = 200
 | Bild1       = PNG transparency demonstration 1.png
 | Untertitel1 = Ein PNG-Bild…
 | Bild2       = PNG transparency demonstration 2.png
 | Untertitel2 = …vor…
}}


Nummer 2
Nummer 3
Nummer 4
Bilder werden von links nach rechts angeordnet.
{{Mehrere Bilder
 | Fußzeile    = Bilder werden von links nach rechts angeordnet.
 | Breite      = 60
 | Bild1       = Ribbon numeral 2.png
 | Untertitel1 = Nummer 2
 | Bild2       = Ribbon numeral 3.png
 | Untertitel2 = Nummer 3
 | Bild3       = Ribbon numeral 4.png
 | Untertitel3 = Nummer 4
}}


Beispiel mit Hintergrundfarbe

Moschuskraut (Adoxa moschatellina)
{{Mehrere Bilder
 | Bild1=Adoxa_moschatellina_210406.jpg
 | Bild2=Adoxa_moschatellina_210406a.jpg
 | Bild3=adoxa_moschatellina_blatt.jpeg
 | Fußzeile=[[Moschuskraut]] (''Adoxa moschatellina'')
 | Fußzeile_Hintergrund=#BBDD99
 | Hintergrund=#BBDD99
 | Fußzeile_align=center
 | Breite=160
}}


Siehe auch


Bei technischen Fragen zu dieser Vorlage kannst du dich an die Vorlagenwerkstatt wenden. Inhaltliche Fragen und Vorschläge gehören zunächst auf die Diskussionsseite.