Vorlage:Vertikale Bilder

Aus Kitakien

(Unterschied zwischen Versionen)
Wechseln zu: Navigation, Suche
K (Parameter "Beschreibung" paßt besser als "Titel")
K (Bildunterschrift braucht nicht doppelt da sein)
Zeile 2: Zeile 2:
<div class="thumbinner noradius" style="float:{{#switch:{{{align|}}}|left=left|#default=right}};">
<div class="thumbinner noradius" style="float:{{#switch:{{{align|}}}|left=left|#default=right}};">
{{#if:{{{Bild1|{{{1|}}}}}}
{{#if:{{{Bild1|{{{1|}}}}}}
-
|<div class="thumbimage noradius" style="margin: 0; padding: {{#if:{{{Hintergrundfarbe|}}}|0.4em;background-color:{{{Hintergrundfarbe}}};margin:-2px|0}};">[[Datei:{{{Bild1|{{{1|}}}}}}|{{{Breite|200px}}}|{{{Beschreibung1|{{{2|}}}}}}]]</div>
+
|<div class="thumbimage noradius" style="margin: 0; padding: {{#if:{{{Hintergrundfarbe|}}}|0.4em;background-color:{{{Hintergrundfarbe}}};margin:-2px|0}};">[[Datei:{{{Bild1|{{{1|}}}}}}|{{{Breite|200px}}}|&nbsp;]]</div>
|}}{{#if:{{{Beschreibung1|{{{2|}}}}}}
|}}{{#if:{{{Beschreibung1|{{{2|}}}}}}
|<div class="thumbcaption noradius" style="margin: -2px 0 2px; padding: 0; line-height: 1.1em; font-size: 0.9em;{{#if:{{{Hintergrundfarbe|}}}|background-color:{{{Hintergrundfarbe}}};margin:-2px;}}">{{{Beschreibung1|{{{2|}}}}}}</div>
|<div class="thumbcaption noradius" style="margin: -2px 0 2px; padding: 0; line-height: 1.1em; font-size: 0.9em;{{#if:{{{Hintergrundfarbe|}}}|background-color:{{{Hintergrundfarbe}}};margin:-2px;}}">{{{Beschreibung1|{{{2|}}}}}}</div>
|}}{{#if:{{{Bild2|{{{3|}}}}}}
|}}{{#if:{{{Bild2|{{{3|}}}}}}
-
|<div class="thumbimage noradius" style="margin: {{#if:{{{Beschreibung1|{{{2|}}}}}}|0|3px 0 0}}; padding: {{#if:{{{Hintergrundfarbe|}}}|0.4em;background-color:{{{Hintergrundfarbe}}};margin:-2px|0}};">[[Datei:{{{Bild2|{{{3|}}}}}}|{{{Breite|200px}}}|{{{Beschreibung2|{{{4|}}}}}}]]</div>
+
|<div class="thumbimage noradius" style="margin: {{#if:{{{Beschreibung1|{{{2|}}}}}}|0|3px 0 0}}; padding: {{#if:{{{Hintergrundfarbe|}}}|0.4em;background-color:{{{Hintergrundfarbe}}};margin:-2px|0}};">[[Datei:{{{Bild2|{{{3|}}}}}}|{{{Breite|200px}}}|&nbsp;]]</div>
|}}{{#if:{{{Beschreibung2|{{{4|}}}}}}
|}}{{#if:{{{Beschreibung2|{{{4|}}}}}}
|<div class="thumbcaption noradius" style="margin: -2px 0 2px; padding: 0; line-height: 1.1em; font-size: 0.9em;{{#if:{{{Hintergrundfarbe|}}}|background-color:{{{Hintergrundfarbe}}};margin:-2px;}}">{{{Beschreibung2|{{{4|}}}}}}</div>
|<div class="thumbcaption noradius" style="margin: -2px 0 2px; padding: 0; line-height: 1.1em; font-size: 0.9em;{{#if:{{{Hintergrundfarbe|}}}|background-color:{{{Hintergrundfarbe}}};margin:-2px;}}">{{{Beschreibung2|{{{4|}}}}}}</div>
|}}{{#if:{{{Bild3|{{{5|}}}}}}
|}}{{#if:{{{Bild3|{{{5|}}}}}}
-
|<div class="thumbimage noradius" style="margin: {{#if:{{{Beschreibung2|{{{4|}}}}}}|0|3px 0 0}}; padding: {{#if:{{{Hintergrundfarbe|}}}|0.4em;background-color:{{{Hintergrundfarbe}}};margin:-2px|0}};">[[Datei:{{{Bild3|{{{5|}}}}}}|{{{Breite|200px}}}|{{{Beschreibung3|{{{6|}}}}}}]]</div>
+
|<div class="thumbimage noradius" style="margin: {{#if:{{{Beschreibung2|{{{4|}}}}}}|0|3px 0 0}}; padding: {{#if:{{{Hintergrundfarbe|}}}|0.4em;background-color:{{{Hintergrundfarbe}}};margin:-2px|0}};">[[Datei:{{{Bild3|{{{5|}}}}}}|{{{Breite|200px}}}|&nbsp;]]</div>
|}}{{#if:{{{Beschreibung3|{{{6|}}}}}}
|}}{{#if:{{{Beschreibung3|{{{6|}}}}}}
|<div class="thumbcaption noradius" style="margin: -2px 0 2px; padding: 0; line-height: 1.1em; font-size: 0.9em;{{#if:{{{Hintergrundfarbe|}}}|background-color:{{{Hintergrundfarbe}}};margin:-2px;}}">{{{Beschreibung3|{{{6|}}}}}}</div>
|<div class="thumbcaption noradius" style="margin: -2px 0 2px; padding: 0; line-height: 1.1em; font-size: 0.9em;{{#if:{{{Hintergrundfarbe|}}}|background-color:{{{Hintergrundfarbe}}};margin:-2px;}}">{{{Beschreibung3|{{{6|}}}}}}</div>
|}}{{#if:{{{Bild4|{{{7|}}}}}}
|}}{{#if:{{{Bild4|{{{7|}}}}}}
-
|<div class="thumbimage noradius" style="margin: {{#if:{{{Beschreibung3|{{{6|}}}}}}|0|3px 0 0}}; padding: {{#if:{{{Hintergrundfarbe|}}}|0.4em;background-color:{{{Hintergrundfarbe}}};margin:-2px|0}};">[[Datei:{{{Bild4|{{{7|}}}}}}|{{{Breite|200px}}}|{{{Beschreibung4|{{{8|}}}}}}]]</div>
+
|<div class="thumbimage noradius" style="margin: {{#if:{{{Beschreibung3|{{{6|}}}}}}|0|3px 0 0}}; padding: {{#if:{{{Hintergrundfarbe|}}}|0.4em;background-color:{{{Hintergrundfarbe}}};margin:-2px|0}};">[[Datei:{{{Bild4|{{{7|}}}}}}|{{{Breite|200px}}}|&nbsp;]]</div>
|}}{{#if:{{{Beschreibung4|{{{8|}}}}}}
|}}{{#if:{{{Beschreibung4|{{{8|}}}}}}
|<div class="thumbcaption noradius" style="margin: -2px 0 2px; padding: 0; line-height: 1.1em; font-size: 0.9em;{{#if:{{{Hintergrundfarbe|}}}|background-color:{{{Hintergrundfarbe}}};margin:-2px;}}">{{{Beschreibung4|{{{8|}}}}}}</div>
|<div class="thumbcaption noradius" style="margin: -2px 0 2px; padding: 0; line-height: 1.1em; font-size: 0.9em;{{#if:{{{Hintergrundfarbe|}}}|background-color:{{{Hintergrundfarbe}}};margin:-2px;}}">{{{Beschreibung4|{{{8|}}}}}}</div>
|}}{{#if:{{{Bild5|{{{9|}}}}}}
|}}{{#if:{{{Bild5|{{{9|}}}}}}
-
|<div class="thumbimage noradius" style="margin: {{#if:{{{Beschreibung4|{{{8|}}}}}}|0|3px 0 0}}; padding: {{#if:{{{Hintergrundfarbe|}}}|0.4em;background-color:{{{Hintergrundfarbe}}};margin:-2px|0}};">[[Datei:{{{Bild5|{{{9|}}}}}}|{{{Breite|200px}}}|{{{Beschreibung5|{{{10|}}}}}}]]</div>
+
|<div class="thumbimage noradius" style="margin: {{#if:{{{Beschreibung4|{{{8|}}}}}}|0|3px 0 0}}; padding: {{#if:{{{Hintergrundfarbe|}}}|0.4em;background-color:{{{Hintergrundfarbe}}};margin:-2px|0}};">[[Datei:{{{Bild5|{{{9|}}}}}}|{{{Breite|200px}}}|&nbsp;]]</div>
|}}{{#if:{{{Beschreibung5|{{{10|}}}}}}
|}}{{#if:{{{Beschreibung5|{{{10|}}}}}}
|<div class="thumbcaption noradius" style="margin: -2px 0 2px; padding: 0; line-height: 1.1em; font-size: 0.9em;{{#if:{{{Hintergrundfarbe|}}}|background-color:{{{Hintergrundfarbe}}};margin:-2px;}}">{{{Beschreibung5|{{{10|}}}}}}</div>
|<div class="thumbcaption noradius" style="margin: -2px 0 2px; padding: 0; line-height: 1.1em; font-size: 0.9em;{{#if:{{{Hintergrundfarbe|}}}|background-color:{{{Hintergrundfarbe}}};margin:-2px;}}">{{{Beschreibung5|{{{10|}}}}}}</div>
|}}{{#if:{{{Bild6|{{{11|}}}}}}
|}}{{#if:{{{Bild6|{{{11|}}}}}}
-
|<div class="thumbimage noradius" style="margin: {{#if:{{{Beschreibung5|{{{10|}}}}}}|0|3px 0 0}}; padding: {{#if:{{{Hintergrundfarbe|}}}|0.4em;background-color:{{{Hintergrundfarbe}}};margin:-2px|0}};">[[Datei:{{{Bild6|{{{11|}}}}}}|{{{Breite|200px}}}|{{{Beschreibung6|{{{12|}}}}}}]]</div>
+
|<div class="thumbimage noradius" style="margin: {{#if:{{{Beschreibung5|{{{10|}}}}}}|0|3px 0 0}}; padding: {{#if:{{{Hintergrundfarbe|}}}|0.4em;background-color:{{{Hintergrundfarbe}}};margin:-2px|0}};">[[Datei:{{{Bild6|{{{11|}}}}}}|{{{Breite|200px}}}|&nbsp;]]</div>
|}}{{#if:{{{Beschreibung6|{{{12|}}}}}}
|}}{{#if:{{{Beschreibung6|{{{12|}}}}}}
|<div class="thumbcaption noradius" style="margin: -2px 0 2px; padding: 0; line-height: 1.1em; font-size: 0.9em;{{#if:{{{Hintergrundfarbe|}}}|background-color:{{{Hintergrundfarbe}}};margin:-2px;}}">{{{Beschreibung6|{{{12|}}}}}}</div>
|<div class="thumbcaption noradius" style="margin: -2px 0 2px; padding: 0; line-height: 1.1em; font-size: 0.9em;{{#if:{{{Hintergrundfarbe|}}}|background-color:{{{Hintergrundfarbe}}};margin:-2px;}}">{{{Beschreibung6|{{{12|}}}}}}</div>
|}}{{#if:{{{Bild7|{{{13|}}}}}}
|}}{{#if:{{{Bild7|{{{13|}}}}}}
-
|<div class="thumbimage noradius" style="margin: {{#if:{{{Beschreibung6|{{{12|}}}}}}|0|3px 0 0}}; padding: {{#if:{{{Hintergrundfarbe|}}}|0.4em;background-color:{{{Hintergrundfarbe}}};margin:-2px|0}};">[[Datei:{{{Bild7|{{{13|}}}}}}|{{{Breite|200px}}}|{{{Beschreibung7|{{{14|}}}}}}]]</div>
+
|<div class="thumbimage noradius" style="margin: {{#if:{{{Beschreibung6|{{{12|}}}}}}|0|3px 0 0}}; padding: {{#if:{{{Hintergrundfarbe|}}}|0.4em;background-color:{{{Hintergrundfarbe}}};margin:-2px|0}};">[[Datei:{{{Bild7|{{{13|}}}}}}|{{{Breite|200px}}}|&nbsp;]]</div>
|}}{{#if:{{{Beschreibung7|{{{14|}}}}}}
|}}{{#if:{{{Beschreibung7|{{{14|}}}}}}
|<div class="thumbcaption noradius" style="margin: -2px 0 2px; padding: 0; line-height: 1.1em; font-size: 0.9em;{{#if:{{{Hintergrundfarbe|}}}|background-color:{{{Hintergrundfarbe}}};margin:-2px;}}">{{{Beschreibung7|{{{14|}}}}}}</div>
|<div class="thumbcaption noradius" style="margin: -2px 0 2px; padding: 0; line-height: 1.1em; font-size: 0.9em;{{#if:{{{Hintergrundfarbe|}}}|background-color:{{{Hintergrundfarbe}}};margin:-2px;}}">{{{Beschreibung7|{{{14|}}}}}}</div>
|}}{{#if:{{{Bild8|{{{15|}}}}}}
|}}{{#if:{{{Bild8|{{{15|}}}}}}
-
|<div class="thumbimage noradius" style="margin: {{#if:{{{Beschreibung7|{{{14|}}}}}}|0|3px 0 0}}; padding: {{#if:{{{Hintergrundfarbe|}}}|0.4em;background-color:{{{Hintergrundfarbe}}};margin:-2px|0}};">[[Datei:{{{Bild8|{{{15|}}}}}}|{{{Breite|200px}}}|{{{Beschreibung8|{{{16|}}}}}}]]</div>
+
|<div class="thumbimage noradius" style="margin: {{#if:{{{Beschreibung7|{{{14|}}}}}}|0|3px 0 0}}; padding: {{#if:{{{Hintergrundfarbe|}}}|0.4em;background-color:{{{Hintergrundfarbe}}};margin:-2px|0}};">[[Datei:{{{Bild8|{{{15|}}}}}}|{{{Breite|200px}}}|&nbsp;]]</div>
|}}{{#if:{{{Beschreibung8|{{{16|}}}}}}
|}}{{#if:{{{Beschreibung8|{{{16|}}}}}}
|<div class="thumbcaption noradius" style="margin: -2px 0 2px; padding: 0; line-height: 1.1em; font-size: 0.9em;{{#if:{{{Hintergrundfarbe|}}}|background-color:{{{Hintergrundfarbe}}};margin:-2px;}}">{{{Beschreibung8|{{{16|}}}}}}</div>
|<div class="thumbcaption noradius" style="margin: -2px 0 2px; padding: 0; line-height: 1.1em; font-size: 0.9em;{{#if:{{{Hintergrundfarbe|}}}|background-color:{{{Hintergrundfarbe}}};margin:-2px;}}">{{{Beschreibung8|{{{16|}}}}}}</div>
|}}{{#if:{{{Bild9|{{{17|}}}}}}
|}}{{#if:{{{Bild9|{{{17|}}}}}}
-
|<div class="thumbimage noradius" style="margin: {{#if:{{{Beschreibung8|{{{16|}}}}}}|0|3px 0 0}}; padding: {{#if:{{{Hintergrundfarbe|}}}|0.4em;background-color:{{{Hintergrundfarbe}}};margin:-2px|0}};">[[Datei:{{{Bild9|{{{17|}}}}}}|{{{Breite|200px}}}|{{{Beschreibung9|{{{18|}}}}}}]]</div>
+
|<div class="thumbimage noradius" style="margin: {{#if:{{{Beschreibung8|{{{16|}}}}}}|0|3px 0 0}}; padding: {{#if:{{{Hintergrundfarbe|}}}|0.4em;background-color:{{{Hintergrundfarbe}}};margin:-2px|0}};">[[Datei:{{{Bild9|{{{17|}}}}}}|{{{Breite|200px}}}|&nbsp;]]</div>
|}}{{#if:{{{Beschreibung9|{{{18|}}}}}}
|}}{{#if:{{{Beschreibung9|{{{18|}}}}}}
|<div class="thumbcaption noradius" style="margin: -2px 0 2px; padding: 0; line-height: 1.1em; font-size: 0.9em;{{#if:{{{Hintergrundfarbe|}}}|background-color:{{{Hintergrundfarbe}}};margin:-2px;}}">{{{Beschreibung9|{{{18|}}}}}}</div>
|<div class="thumbcaption noradius" style="margin: -2px 0 2px; padding: 0; line-height: 1.1em; font-size: 0.9em;{{#if:{{{Hintergrundfarbe|}}}|background-color:{{{Hintergrundfarbe}}};margin:-2px;}}">{{{Beschreibung9|{{{18|}}}}}}</div>
|}}{{#if:{{{Bild10|{{{19|}}}}}}
|}}{{#if:{{{Bild10|{{{19|}}}}}}
-
|<div class="thumbimage noradius" style="margin: {{#if:{{{Beschreibung9|{{{18|}}}}}}|0|3px 0 0}}; padding: {{#if:{{{Hintergrundfarbe|}}}|0.4em;background-color:{{{Hintergrundfarbe}}};margin:-2px|0}};">[[Datei:{{{Bild10|{{{19|}}}}}}|{{{Breite|200px}}}|{{{Beschreibung10|{{{19|}}}}}}]]</div>
+
|<div class="thumbimage noradius" style="margin: {{#if:{{{Beschreibung9|{{{18|}}}}}}|0|3px 0 0}}; padding: {{#if:{{{Hintergrundfarbe|}}}|0.4em;background-color:{{{Hintergrundfarbe}}};margin:-2px|0}};">[[Datei:{{{Bild10|{{{19|}}}}}}|{{{Breite|200px}}}|&nbsp;]]</div>
|}}{{#if:{{{Beschreibung10|{{{20|}}}}}}
|}}{{#if:{{{Beschreibung10|{{{20|}}}}}}
|<div class="thumbcaption noradius" style="margin: 0; padding: 0; line-height: 1.1em; font-size: 0.9em;{{#if:{{{Hintergrundfarbe|}}}|background-color:{{{Hintergrundfarbe}}};margin:-2px;}}">{{{Beschreibung10|{{{20|}}}}}}</div>
|<div class="thumbcaption noradius" style="margin: 0; padding: 0; line-height: 1.1em; font-size: 0.9em;{{#if:{{{Hintergrundfarbe|}}}|background-color:{{{Hintergrundfarbe}}};margin:-2px;}}">{{{Beschreibung10|{{{20|}}}}}}</div>

Version vom 15:43, 9. Apr. 2009

Datei:Information.svg Dokumentation

Inhaltsverzeichnis

Anwendung

Diese Vorlage erzeugt eine Box mit 1 bis 10 Bildern, die vertikal angeordnet werden und Untertitel für die ganze Box und/oder für jedes einzelne Bild hat.

{{Vertikale Bilder
|align=left (normal: right)
|Breite= px (normal: 200px)
|Boxbreite= px (für unbekannte Bildbreite)
| 1=Bildname
| 2=Beschreibung
| 3=Bildname
| 4=Beschreibung
| 5=Bildname
| 6=Beschreibung
| 7=Bildname
| 8=Beschreibung
| 9=Bildname
|10=Beschreibung
|11=Bildname
|12=Beschreibung
|13=Bildname
|14=Beschreibung
|15=Bildname
|16=Beschreibung
|17=Bildname
|18=Beschreibung
|19=Bildname
|20=Beschreibung
}}
{{Vertikale Bilder
|align=left (normal: right)
|Breite= px (normal: 200px)
|Boxbreite= px (für unbekannte Bildbreite)
|Bild1=
|Beschreibung1=
|Bild2=
|Beschreibung2=
|Bild3=
|Beschreibung3=
|Bild4=
|Beschreibung4=
|Bild5=
|Beschreibung5=
|Bild6=
|Beschreibung6=
|Bild7=
|Beschreibung7=
|Bild8=
|Beschreibung8=
|Bild9=
|Beschreibung9=
|Bild10=
|Beschreibung10=
}}


Beispiele mit Text

  • Normalerweise wird die Box rechts in einer Breite von 200px angezeigt.
{{Vertikale Bilder
|1=A girl in a swimming pool - underwater.jpg
|3=Aletschgletscher.jpg
|4=Herkunft des Lebens
}}


{{Vertikale Bilder
|align=left
|Breite=80px
|Boxbreite=80px
|Bild1=Ferrari Enzo Concours.jpg
|Beschreibung1=[[Enzo Ferrari (car)|Enzo Ferrari]]
|Bild2=Enzo rear.JPG
|Beschreibung2=Tail
|Bild3=Ferrari Enzo Ferrari tail.jpg
|Beschreibung3=Tail lamp
|Bild4=
|Beschreibung4=Ferrari P45
|Bild5=
|Beschreibung5=Tail
|Bild6=Ferrari_FXX.jpg
|Beschreibung6=FXX
}}


{{Vertikale Bilder
 |Bild1=Adoxa_moschatellina_210406.jpg
 |Bild2=Adoxa_moschatellina_210406a.jpg
 |Bild3=adoxa_moschatellina_blatt.jpeg
 |Beschreibung3=[[Moschuskraut]] (''Adoxa moschatellina'')
 |Hintergrundfarbe=#BBDD99
 |Breite=240px
}}


Beispiele ohne Text

{{Vertikale Bilder
 |Bild1=Adoxa_moschatellina_210406.jpg
 |Bild2=Adoxa_moschatellina_210406a.jpg
 |Bild3=adoxa_moschatellina_blatt.jpeg
 |Hintergrundfarbe=#BBDDEE 
 |Breite=240px
}}


{{Vertikale Bilder
 |Bild1=Rose_blue001.jpg
 |Bild2=Rose_pink002.jpg
 |Bild3=Rose_pink005.jpg
 |Bild4=Rose_purple001.jpg
 |Bild5=Rose_pink004.jpg
 |Bild6=Rose_pink004.jpg
 |Bild7=Rose_pink004.jpg
 |Breite=100px
 |Hintergrundfarbe=black
 |align=left
}}
{{Vertikale Bilder
|Bild1=Adoxa_moschatellina_210406.jpg
|Bild2=Adoxa_moschatellina_210406a.jpg
}}


Siehe auch



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