Vorlage:Gallery: Unterschied zwischen den Versionen

Aktuelle Version vom 10. Mai 2019, 09:28 Uhr

⁣⁣⁣⁣⁣⁣⁣⁣⁣

Syntax: {{ Gallery | Bildname.png | Legende | Optional Bildname2.png | Legende2 | ... | Optionen }}

Stelllt bis zu zehn Bilder nebeneinander dar.

Die Legende muss, außer beim letzten Bild, zwingend angegeben werden ggf. als leerer Parameter: {{ Gallery | Bildname1.png | | Bildname2.png }}
Anstelle des ersten Bildes kann ein leerer Parameter übergeben werden, um in der Beschreibung einen längeren Text einzugeben.

Optionale Parameter	Wert	Default
w=100px	Bildbreite	100px
w_n=120px	individuelle Bildbreite für Bild n= 1 - 10	w
c=Farbe	(html-Werte mit ; ) oder fc=Farbe	#333333
fs=Font-Size	(Schriftgröße ohne ;) oder s=Font-Size	1em
lh=Zeilenhöhe	(line-height)	100%+2px
ml=Abstand Links	(margin-left) zwischen den Bildern	3px
mll=Abstand Links außen	(margin-left) erstes Bild	0px

Die Bilder erscheinen rechtsbündig. Nach der Vorlage kann Text eingegeben werden, der links von den Bildern angezeigt wird.

Diese Dokumentation befindet sich auf einer eingebundenen Unterseite [ Bearbeiten].
Syntax-Beispiel befindet sich auf der Syntaxseite [Bearbeiten].
Anwendungsbeispiele und Funktionalitätsprüfungen befinden sich auf der Testseite [Bearbeiten].
Liste der Unterseiten.

@@ Zeile 1: / Zeile 1: @@
-<noinclude><p>'''Stelllt bis zu zehn Bilder nebeneinander dar'''</p>
+<table style="float:right; margin-left: {{{mll|0px}}};"><tr><td style="
-'''Verwendung:'''
+	padding: 0px; vertical-align: top;><span style="
-{|
+	display: block;
-| <nowiki>{{ Gallery | Bildname.png | Legende | Optional Bildname2.png | Optional Legende2 | ... | Optionen<nowiki>  }}</nowiki> || Optionen:
+	border: 1px solid #dddddd;
-|-
+	border-radius: 4px;
-| || '''w='''''100''px'' <small> Bildbreite</small>|| 100px
+	width: calc({{{w1 |{{{w|100px}}} }}} +2);
-|-
+	color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }}
-| || fc=Farbe <small> (html-Werte mit ; )</small> || #333333
+	font-size: {{{fs|{{{s|1em}}} }}};
-|-
+	margin-left:{{{ml|3px}}};
-| || s=Font-Size<small> Schriftgröße ohne ;</small> || 1em
+	line-height: {{{lh|calc(100%+2px)}}};
-|-
+ 	padding: 4px;
-| ||ml=Abstand Links || 3px
+	{{#if: {{{2|}}} | padding-bottom: 0px; }}
-|}
+">{{#if: {{{1|}}} | [[Datei:{{{1|}}} | {{{w1 |{{{w|100px}}} }}} ]]}}{{#if: {{{2|}}} |{{#if: {{{1|}}}|<br>}}<span style="display:inline-block; width: {{{w1 |{{{w|100px}}} }}} ;">{{#if:|| {{{2|}}} }}</span>|}}</span></td>{{#if: {{{3|}}}
-<p>Die Bilder erscheinen rechtsbündig. '''Nach''' der Vorlage kann Text eingegeben werden, der '''links''' von den Bildern angezeigt wird.</p>
+	| <td style="padding: 0px; vertical-align: top;"><span style="
+	display: inline-block;
-</noinclude>{| style="float:right; margin-left: 0px;" border="1"
+	border: 1px solid #dddddd;
-|-
+	border-radius: 4px;
-| style="padding: 0px; vertical-align: top;" | <div style="border: 1px solid #dddddd; width:calc({{{w|100px}}}+2); color:{{{fc|#333333;}}} font-size: {{{s|1em}}};margin-left:{{{mlr|0px}}};margin-left:{{{ml|3px}}};">[[Datei:{{{1|}}} | {{{w|100px}}}]]<br>{{{2|}}}</div>
+	width:calc({{{w2 |{{{w|100px}}} }}} +2);
-{{#if: {{{3|}}}
+	color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }}
-	| {{!}} style="padding: 0px; vertical-align: top;" {{!}} <div style="border: 1px solid #dddddd; width:calc({{{w|100px}}}+2); color:{{{fc|#333333;}}} font-size: {{{s|1em}}}; margin-left:{{{ml|3px}}};">[[Datei:{{{3|}}} | {{{w|100px}}}]]<br>{{{4|}}}</div>| }}
+	font-size: {{{fs|{{{s|1em}}} }}};
-{{#if: {{{5|}}}
+	margin-left:{{{ml|3px}}};
-	| {{!}} style="padding: 0px; vertical-align: top;" {{!}} <div style="border: 1px solid #dddddd; width:calc({{{w|100px}}}+2); color:{{{fc|#333333;}}} font-size: {{{s|1em}}};margin-left:{{{ml|3px}}};">[[Datei:{{{5|}}} | {{{w|100px}}}]]<br>{{{6|}}}</div>| }}
+	line-height: {{{lh|calc(100%+2px)}}};
-{{#if: {{{7|}}}
+ 	padding: 4px;
-	| {{!}} style="padding: 0px; vertical-align: top;" {{!}} <div style="border: 1px solid #dddddd; width:calc({{{w|100px}}}+2); color:{{{fc|#333333;}}} font-size: {{{s|1em}}};margin-left:{{{ml|3px}}};">[[Datei:{{{7|}}} | {{{w|100px}}}]]<br>{{{8|}}}</div> |}}
+	{{#if: {{{4|}}} | padding-bottom: 0px; }}
-{{#if: {{{9|}}}
+">[[Datei:{{{3|}}} | {{{w2 |{{{w|100px}}} }}} ]]{{#if: {{{4|}}} |<br><span style="display:inline-block; width: {{{w2 |{{{w|100px}}} }}} ;">{{#if:|| {{{4|}}} }}</span>|}}</span></td>|&#8291;}}{{#if: {{{5|}}}
-	| {{!}} style="padding: 0px; vertical-align: top;" {{!}} <div style="border: 1px solid #dddddd; width:calc({{{w|100px}}}+2); color:{{{fc|#333333;}}} font-size: {{{s|1em}}};margin-left:{{{ml|3px}}};">[[Datei:{{{9|}}} | {{{w|100px}}}]]<br>{{{10|}}}</div>| }}
+	| <td style="padding: 0px; vertical-align: top;"><span style="
-{{#if: {{{11|}}}
+	display: inline-block;
-	| {{!}} style="padding: 0px; vertical-align: top;" {{!}} <div style="border: 1px solid #dddddd; width:calc({{{w|100px}}}+2); color:{{{fc|#333333;}}} font-size: {{{s|1em}}};margin-left:{{{ml|3px}}};">[[Datei:{{{11|}}} | {{{w|100px}}}]]<br>{{{12|}}}</div>| }}
+	border: 1px solid #dddddd;
-{{#if: {{{13|}}}
+	border-radius: 4px;
-	| {{!}} style="padding: 0px; vertical-align: top;" {{!}} <div style="border: 1px solid #dddddd; width:calc({{{w|100px}}}+2); color:{{{fc|#333333;}}} font-size: {{{s|1em}}};margin-left:{{{ml|3px}}};">[[Datei:{{{13|}}} | {{{w|100px}}}]]<br>{{{14|}}}</div>| }}
+	width:calc({{{w3 |{{{w|100px}}} }}} +2);
-{{#if: {{{15|}}}
+	color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }}
-	| {{!}} style="padding: 0px; vertical-align: top;" {{!}} <div style="border: 1px solid #dddddd; width:calc({{{w|100px}}}+2); color:{{{fc|#333333;}}} font-size: {{{s|1em}}};margin-left:{{{ml|3px}}};">[[Datei:{{{15|}}} | {{{w|100px}}}]]<br>{{{16|}}}</div>| }}
+	font-size: {{{fs|{{{s|1em}}} }}};
-{{#if: {{{17|}}}
+	margin-left:{{{ml|3px}}};
-	| {{!}} style="padding: 0px; vertical-align: top;" {{!}} <div style="border: 1px solid #dddddd; width:calc({{{w|100px}}}+2); color:{{{fc|#333333;}}} font-size: {{{s|1em}}};margin-left:{{{ml|3px}}};">[[Datei:{{{17|}}} | {{{w|100px}}}]]<br>{{{18|}}}</div>| }}
+	line-height: {{{lh|calc(100%+2px)}}};
-{{#if: {{{19|}}}
+ 	padding: 4px;
-	| {{!}} style="padding: 0px; vertical-align: top;" {{!}} <div style="border: 1px solid #dddddd; width:calc({{{w|100px}}}+2); color:{{{fc|#333333;}}} font-size: {{{s|1em}}};margin-left:{{{ml|3px}}};">[[Datei:{{{19|}}} | {{{w|100px}}}]]<br>{{{20|}}}</div>| }}
+	{{#if: {{{6|}}} | padding-bottom: 0px; }}
-|}
+">[[Datei:{{{5|}}} | {{{w3 |{{{w|100px}}} }}} ]]{{#if:{{{6|}}} |<br><span style="display:inline-block; width: {{{w3 |{{{w|100px}}} }}} ;">{{#if:|| {{{6|}}} }}</span>|}}</span></td>|&#8291;}}{{#if: {{{7|}}}
+	| <td style="padding: 0px; vertical-align: top;"><span style="
+	display: inline-block;
+	border: 1px solid #dddddd;
+	border-radius: 4px;
+	width:calc({{{w4 |{{{w|100px}}} }}} +2);
+	color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }}
+	font-size: {{{fs|{{{s|1em}}} }}};
+	margin-left:{{{ml|3px}}};
+	line-height: {{{lh|calc(100%+2px)}}};
+ 	padding: 4px;
+	{{#if: {{{8|}}} | padding-bottom: 0px; }}
+">[[Datei:{{{7|}}} | {{{w4 |{{{w|100px}}} }}} ]]{{#if:{{{8|}}} |<br><span style="display:inline-block; width: {{{w4 |{{{w|100px}}} }}} ;">{{#if:|| {{{8|}}} }}</span>|}}</span></td>|&#8291;}}{{#if: {{{9|}}}
+	| <td style="padding: 0px; vertical-align: top;"><span style="
+	display: inline-block;
+	border: 1px solid #dddddd;
+	border-radius: 4px;
+	width:calc({{{w5 |{{{w|100px}}} }}} +2);
+	color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }}
+	font-size: {{{fs|{{{s|1em}}} }}};
+	margin-left:{{{ml|3px}}};
+	line-height: {{{lh|calc(100%+2px)}}};
+ 	padding: 4px;
+	{{#if: {{{10|}}} | padding-bottom: 0px; }}
+">[[Datei:{{{9|}}} | {{{w5 |{{{w|100px}}} }}} ]]{{#if:{{{10|}}} |<br><span style="display:inline-block; width: {{{w5 |{{{w|100px}}} }}} ;">{{#if:|| {{{10|}}} }}</span>|}}</span></td>|&#8291;}}{{#if: {{{11|}}}
+	| <td style="padding: 0px; vertical-align: top;"><span style="
+	display: inline-block;
+	border: 1px solid #dddddd;
+	border-radius: 4px;
+	width:calc({{{w6 |{{{w|100px}}} }}} +2);
+	color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }}
+	font-size: {{{fs|{{{s|1em}}} }}};
+	margin-left:{{{ml|3px}}};
+	line-height: {{{lh|calc(100%+2px)}}};
+ 	padding: 4px;
+	{{#if: {{{12|}}} | padding-bottom: 0px; }}
+">[[Datei:{{{11|}}} | {{{w6 |{{{w|100px}}} }}} ]]{{#if:{{{12|}}} |<br><span style="display:inline-block; width: {{{w6 |{{{w|100px}}} }}} ;">{{#if:|| {{{12|}}} }}</span>|}}</span></td>|&#8291;}}{{#if: {{{13|}}}
+	| <td style="padding: 0px; vertical-align: top;"><span style="
+	display: inline-block;
+	border: 1px solid #dddddd;
+	border-radius: 4px;
+	width:calc({{{w7 |{{{w|100px}}} }}} +2);
+	color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }}
+	font-size: {{{fs|{{{s|1em}}} }}};
+	margin-left:{{{ml|3px}}};
+	line-height: {{{lh|calc(100%+2px)}}};
+ 	padding: 4px;
+	{{#if: {{{14|}}} | padding-bottom: 0px; }}
+">[[Datei:{{{13|}}} | {{{w7 |{{{w|100px}}} }}} ]]{{#if:{{{14|}}} |<br><span style="display:inline-block; width: {{{w7 |{{{w|100px}}} }}} ;">{{#if:|| {{{14|}}} }}</span>|}}</span></td>|&#8291;}}{{#if: {{{15|}}}
+	| <td style="padding: 0px; vertical-align: top;"><span style="
+	display: inline-block;
+	border: 1px solid #dddddd;
+	border-radius: 4px;
+	width:calc({{{w8 |{{{w|100px}}} }}} +2);
+	color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }}
+	font-size: {{{fs|{{{s|1em}}} }}};
+	margin-left:{{{ml|3px}}};
+	line-height: {{{lh|calc(100%+2px)}}};
+ 	padding: 4px;
+	{{#if: {{{16|}}} | padding-bottom: 0px; }}
+">[[Datei:{{{15|}}} | {{{w8 |{{{w|100px}}} }}} ]]{{#if:{{{16|}}} |<br><span style="display:inline-block; width: {{{w8 |{{{w|100px}}} }}} ;">{{#if:|| {{{16|}}} }}</span>|}}</span></td>|&#8291;}}{{#if: {{{17|}}}
+	| <td style="padding: 0px; vertical-align: top;"><span style="
+	display: inline-block;
+	border: 1px solid #dddddd;
+	border-radius: 4px;
+	width:calc({{{w9 |{{{w|100px}}} }}} +2);
+	color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }}
+	font-size: {{{fs|{{{s|1em}}} }}};
+	margin-left:{{{ml|3px}}};
+	line-height: {{{lh|calc(100%+2px)}}};
+ 	padding: 4px;
+	{{#if: {{{18|}}} | padding-bottom: 0px; }}
+">[[Datei:{{{17|}}} | {{{w9 |{{{w|100px}}} }}} ]]{{#if:{{{18|}}} |<br><span style="display:inline-block; width: {{{w9 |{{{w|100px}}} }}} ;">{{#if:|| {{{18|}}} }}</span>|}}</span></td>|&#8291;}}{{#if: {{{19|}}}
+	| <td style="padding: 0px; vertical-align: top;"><span style="
+	display: inline-block;
+	border: 1px solid #dddddd;
+	border-radius: 4px;
+	width:calc({{{w10 |{{{w|100px}}} }}} +2);
+	color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }}
+	font-size: {{{fs|{{{s|1em}}} }}};
+	margin-left:{{{ml|3px}}};
+	line-height: {{{lh|calc(100%+2px)}}};
+ 	padding: 4px;
+	{{#if: {{{20|}}} | padding-bottom: 0px; }}
+">[[Datei:{{{19|}}} | {{{w10 |{{{w|100px}}} }}} ]]{{#if:{{{20|}}} |<br><span style="display:inline-block; width: {{{w10 |{{{w|100px}}} }}} ;">{{#if:|| {{{20|}}} }}</span>|}}</span></td>|&#8291;}}
+</tr></table><noinclude>
+{{Dokumentation}}
+</noinclude>