Vorlage:Vertikale Bilder

Aus Kitakien

(Unterschied zwischen Versionen)
Wechseln zu: Navigation, Suche
K (Parameter "Beschreibung" paßt besser als "Titel")
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}}}|{{{Titel1|{{{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}}}|{{{Beschreibung1|{{{2|}}}}}}]]</div>
-
|}}{{#if:{{{Titel1|{{{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;}}">{{{Titel1|{{{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:{{{Titel1|{{{2|}}}}}}|0|3px 0 0}}; padding: {{#if:{{{Hintergrundfarbe|}}}|0.4em;background-color:{{{Hintergrundfarbe}}};margin:-2px|0}};">[[Datei:{{{Bild2|{{{3|}}}}}}|{{{Breite|200px}}}|{{{Titel2|{{{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}}}|{{{Beschreibung2|{{{4|}}}}}}]]</div>
-
|}}{{#if:{{{Titel2|{{{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;}}">{{{Titel2|{{{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:{{{Titel2|{{{4|}}}}}}|0|3px 0 0}}; padding: {{#if:{{{Hintergrundfarbe|}}}|0.4em;background-color:{{{Hintergrundfarbe}}};margin:-2px|0}};">[[Datei:{{{Bild3|{{{5|}}}}}}|{{{Breite|200px}}}|{{{Titel3|{{{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}}}|{{{Beschreibung3|{{{6|}}}}}}]]</div>
-
|}}{{#if:{{{Titel3|{{{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;}}">{{{Titel3|{{{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:{{{Titel3|{{{6|}}}}}}|0|3px 0 0}}; padding: {{#if:{{{Hintergrundfarbe|}}}|0.4em;background-color:{{{Hintergrundfarbe}}};margin:-2px|0}};">[[Datei:{{{Bild4|{{{7|}}}}}}|{{{Breite|200px}}}|{{{Titel4|{{{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}}}|{{{Beschreibung4|{{{8|}}}}}}]]</div>
-
|}}{{#if:{{{Titel4|{{{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;}}">{{{Titel4|{{{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:{{{Titel4|{{{8|}}}}}}|0|3px 0 0}}; padding: {{#if:{{{Hintergrundfarbe|}}}|0.4em;background-color:{{{Hintergrundfarbe}}};margin:-2px|0}};">[[Datei:{{{Bild5|{{{9|}}}}}}|{{{Breite|200px}}}|{{{Titel5|{{{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}}}|{{{Beschreibung5|{{{10|}}}}}}]]</div>
-
|}}{{#if:{{{Titel5|{{{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;}}">{{{Titel5|{{{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:{{{Titel5|{{{10|}}}}}}|0|3px 0 0}}; padding: {{#if:{{{Hintergrundfarbe|}}}|0.4em;background-color:{{{Hintergrundfarbe}}};margin:-2px|0}};">[[Datei:{{{Bild6|{{{11|}}}}}}|{{{Breite|200px}}}|{{{Titel6|{{{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}}}|{{{Beschreibung6|{{{12|}}}}}}]]</div>
-
|}}{{#if:{{{Titel6|{{{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;}}">{{{Titel6|{{{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:{{{Titel6|{{{12|}}}}}}|0|3px 0 0}}; padding: {{#if:{{{Hintergrundfarbe|}}}|0.4em;background-color:{{{Hintergrundfarbe}}};margin:-2px|0}};">[[Datei:{{{Bild7|{{{13|}}}}}}|{{{Breite|200px}}}|{{{Titel7|{{{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}}}|{{{Beschreibung7|{{{14|}}}}}}]]</div>
-
|}}{{#if:{{{Titel7|{{{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;}}">{{{Titel7|{{{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:{{{Titel7|{{{14|}}}}}}|0|3px 0 0}}; padding: {{#if:{{{Hintergrundfarbe|}}}|0.4em;background-color:{{{Hintergrundfarbe}}};margin:-2px|0}};">[[Datei:{{{Bild8|{{{15|}}}}}}|{{{Breite|200px}}}|{{{Titel8|{{{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}}}|{{{Beschreibung8|{{{16|}}}}}}]]</div>
-
|}}{{#if:{{{Titel8|{{{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;}}">{{{Titel8|{{{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:{{{Titel8|{{{16|}}}}}}|0|3px 0 0}}; padding: {{#if:{{{Hintergrundfarbe|}}}|0.4em;background-color:{{{Hintergrundfarbe}}};margin:-2px|0}};">[[Datei:{{{Bild9|{{{17|}}}}}}|{{{Breite|200px}}}|{{{Titel9|{{{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}}}|{{{Beschreibung9|{{{18|}}}}}}]]</div>
-
|}}{{#if:{{{Titel9|{{{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;}}">{{{Titel9|{{{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:{{{Titel9|{{{18|}}}}}}|0|3px 0 0}}; padding: {{#if:{{{Hintergrundfarbe|}}}|0.4em;background-color:{{{Hintergrundfarbe}}};margin:-2px|0}};">[[Datei:{{{Bild10|{{{19|}}}}}}|{{{Breite|200px}}}|{{{Titel10|{{{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}}}|{{{Beschreibung10|{{{19|}}}}}}]]</div>
-
|}}{{#if:{{{Titel10|{{{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;}}">{{{Titel10|{{{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>
|}}</div></div></includeonly><noinclude>
|}}</div></div></includeonly><noinclude>
{{Dokumentation}}
{{Dokumentation}}
</noinclude>
</noinclude>

Version vom 15:20, 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