Vorlage:Mehrere Bilder

Aus Kitakien

(Unterschied zwischen Versionen)
Wechseln zu: Navigation, Suche
(AZ: Die Seite wurde neu angelegt: <includeonly><div class="thumb {{#switch: {{{align|}}} | left = tleft | center | centre = tnone | tright}...)
K (4 Versionen: Bildervorlagen)
 
(Der Versionsvergleich bezieht 3 dazwischenliegende Versionen mit ein.)
Zeile 1: Zeile 1:
-
<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;}}">
+
<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}}};}}">
-
<div class="thumbinner">
+
<div class="thumbinner" {{#if:{{{Hintergrund|}}}|style="background-color:{{{Hintergrund}}};"}}>
{{#if: {{{Kopfzeile|}}} | <div style="clear:both;font-weight:bold;text-align:{{{Kopfzeile_align|center}}};background:{{{Kopfzeile_Hintergrund|transparent}}};">{{{Kopfzeile}}}</div> }}
{{#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">[[Image:{{{Bild1}}}|{{#if: {{{Breite|}}} | {{{Breite}}} | {{{Breite1}}} }}px|{{{Untertitel1|{{{box_caption}}}}}}]]</div>{{#if: {{{Untertitel1|}}} | <div class="thumbcaption" style="clear:left;">{{{Untertitel1}}}</div>}}</div>
+
<div style="{{#ifeq: {{{Richtung|horizontal}}} | horizontal | float:left;}}margin:1px;width:{{#expr: 2 + {{#if: {{{Breite|}}} | {{{Breite}}} | {{{Breite1}}} }} }}px;"><div class="thumbimage">[[Image:{{{Bild1}}}|{{#if: {{{Breite|}}} | {{{Breite}}} | {{{Breite1}}} }}px|&nbsp;]]</div>{{#if: {{{Untertitel1|}}} | <div class="thumbcaption" style="clear:left;">{{{Untertitel1}}}</div>}}</div>
-
<div style="{{#ifeq: {{{Richtung|horizontal}}} | horizontal | float:left;}}margin:1px;width:{{#expr: 2 + {{#if: {{{Breite|}}} | {{{Breite}}} | {{{Breite2}}} }} }}px;"><div class="thumbimage">[[Image:{{{Bild2}}}|{{#if: {{{Breite|}}} | {{{Breite}}} | {{{Breite2}}} }}px|{{{Untertitel2|{{{box_caption}}}}}}]]</div>{{#if: {{{Untertitel2|}}} | <div class="thumbcaption" style="clear:left;">{{{Untertitel2}}}</div>}}</div>
+
<div style="{{#ifeq: {{{Richtung|horizontal}}} | horizontal | float:left;}}margin:1px;width:{{#expr: 2 + {{#if: {{{Breite|}}} | {{{Breite}}} | {{{Breite2}}} }} }}px;"><div class="thumbimage">[[Image:{{{Bild2}}}|{{#if: {{{Breite|}}} | {{{Breite}}} | {{{Breite2}}} }}px|&nbsp;]]</div>{{#if: {{{Untertitel2|}}} | <div class="thumbcaption" style="clear:left;">{{{Untertitel2}}}</div>}}</div>
-
{{#if: {{{Bild3|}}} | <div style="{{#ifeq: {{{Richtung|horizontal}}} | horizontal | float:left;}}margin:1px;width:{{#expr: 2 + {{#if: {{{Breite|}}} | {{{Breite}}} | {{{Breite3}}} }} }}px;"><div class="thumbimage">[[Image:{{{Bild3}}}|{{#if: {{{Breite|}}} | {{{Breite}}} | {{{Breite3}}} }}px|{{{Untertitel3|{{{box_caption}}}}}}]]</div>{{#if: {{{Untertitel3|}}} | <div class="thumbcaption" style="clear:left;">{{{Untertitel3}}}</div>}}</div>
+
{{#if: {{{Bild3|}}} | <div style="{{#ifeq: {{{Richtung|horizontal}}} | horizontal | float:left;}}margin:1px;width:{{#expr: 2 + {{#if: {{{Breite|}}} | {{{Breite}}} | {{{Breite3}}} }} }}px;"><div class="thumbimage">[[Image:{{{Bild3}}}|{{#if: {{{Breite|}}} | {{{Breite}}} | {{{Breite3}}} }}px|&nbsp;]]</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">[[Image:{{{Bild4}}}|{{#if: {{{Breite|}}} | {{{Breite}}} | {{{Breite4}}} }}px|{{{Untertitel4|{{{box_caption}}}}}}]]</div>{{#if: {{{Untertitel4|}}} | <div class="thumbcaption" style="clear:left;">{{{Untertitel4}}}</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">[[Image:{{{Bild4}}}|{{#if: {{{Breite|}}} | {{{Breite}}} | {{{Breite4}}} }}px|&nbsp;]]</div>{{#if: {{{Untertitel4|}}} | <div class="thumbcaption" style="clear:left;">{{{Untertitel4}}}</div>}}</div>
-
{{#if: {{{Bild5|}}} | <div style="{{#ifeq: {{{Richtung|horizontal}}} | horizontal | float:left;}}margin:1px;width:{{#expr: 2 + {{#if: {{{Breite|}}} | {{{Breite}}} | {{{Breite5}}} }} }}px;"><div class="thumbimage">[[Image:{{{Bild5}}}|{{#if: {{{Breite|}}} | {{{Breite}}} | {{{Breite5}}} }}px|{{{Untertitel5|{{{box_caption}}}}}}]]</div>{{#if: {{{Untertitel5|}}} | <div class="thumbcaption" style="clear:left;">{{{Untertitel5}}}</div>}}</div>}}}}}}
+
{{#if: {{{Bild5|}}} | <div style="{{#ifeq: {{{Richtung|horizontal}}} | horizontal | float:left;}}margin:1px;width:{{#expr: 2 + {{#if: {{{Breite|}}} | {{{Breite}}} | {{{Breite5}}} }} }}px;"><div class="thumbimage">[[Image:{{{Bild5}}}|{{#if: {{{Breite|}}} | {{{Breite}}} | {{{Breite5}}} }}px|&nbsp;]]</div>{{#if: {{{Untertitel5|}}} | <div class="thumbcaption" style="clear:left;">{{{Untertitel5}}}</div>}}</div>}}}}}}
{{#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>
{{#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>
{{dokumentation}}
{{dokumentation}}
-
<!-- PLEASE ADD CATEGORIES AND INTERWIKIS TO THE /doc SUBPAGE, THANKS -->
 
</noinclude>
</noinclude>

Aktuelle Version vom 14:51, 9. Dez. 2009

Datei:Information.svg Dokumentation

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

Inhaltsverzeichnis

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       = 
 | Breite1     = 
 | Untertitel1 = 
 | Bild2       = 
 | Breite2     = 
 | Untertitel2 = 
 | Bild3       = 
 | Breite3     = 
 | Untertitel3 = 
 | Bild4       = 
 | Breite4     = 
 | Untertitel4 = 
 | Bild5       = 
 | Breite5     = 
 | Untertitel5 = 
}}

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, dann verwendet bitte nicht den width-Parameter.
  • 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…
 | 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…
}}


Hat ein Benutzer mehrere Auszeichnungen erhalten, so kann er sie auf folgende Weise nummeriert darstellen.
{{Mehrere Bilder
 | Fußzeile    = Hat ein Benutzer…
 | 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

{{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



Wenn du Fragen zu dieser Vorlage hast, dann kannst du auf der Seite Kitakien Diskussion:Wikiprojekt Vorlage fragen.
Persönliche Werkzeuge