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="
-<p>'''Verwendung:'''<nowiki>{{ Gallery | Bildname.png | Legende | Optional Bildname2.png | Optional Legende2 | ... | Optional:</nowiki>'''w='''''100'' <small>default Bildbreite '''In px, aber OHNE die Einheit anzugeben!'''</small><nowiki>  }}</nowiki></p>
+	padding: 0px; vertical-align: top;><span style="
-<p>Die Bilder erscheinen rechtsbünding. '''Nach''' der Vorlage kann Text eingegeben werden, der '''links''' von den Bildern angezeigt wird.</p>
+	display: block;
-</noinclude>{| border="1" style="float:right; margin-left: 0px;"
+	border: 1px solid #dddddd;
-|-
+	border-radius: 4px;
-| style="padding: 0px" | [[Datei:{{{1|}}} | hochkant={{#expr: {{{w|100}}}/300}} | thumb |  {{{2|}}} ]]
+	width: calc({{{w1 |{{{w|100px}}} }}} +2);
-{{#if: {{{3|}}} | {{!}} style="padding: 0px" {{!}} [[Datei:{{{3|}}} | hochkant={{#expr: {{{w|100}}}/300}} | thumb | {{{4|Beschriftung}}} ]] }}{{#if: {{{5|}}}| {{!}} style="padding: 0px" {{!}} [[Datei:{{{5|}}} | hochkant={{#expr: {{{w|100}}}/300}} | thumb | {{{6|Beschriftung}}} ]] }}
+	color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }}
-{{#if: {{{7|}}}
+	font-size: {{{fs|{{{s|1em}}} }}};
-	| {{!}} style="padding: 0px" {{!}} [[Datei:{{{7|}}} | hochkant={{#expr: {{{w|100}}}/300}} | thumb | {{{8|Beschriftung}}} ]] }}
+	margin-left:{{{ml|3px}}};
-{{#if: {{{9|}}}
+	line-height: {{{lh|calc(100%+2px)}}};
-	| {{!}} style="padding: 0px" {{!}} [[Datei:{{{9|}}} | hochkant={{#expr: {{{w|100}}}/300}} | thumb | {{{10|Beschriftung}}} ]] }}
+ 	padding: 4px;
-{{#if: {{{11|}}}
+	{{#if: {{{2|}}} | padding-bottom: 0px; }}
-	| {{!}} style="padding: 0px" {{!}} [[Datei:{{{11|}}} | hochkant={{#expr: {{{w|100}}}/300}} | thumb | {{{12|Beschriftung}}} ]] }}
+">{{#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|}}}
-{{#if: {{{13|}}}
+	| <td style="padding: 0px; vertical-align: top;"><span style="
-	| {{!}} style="padding: 0px" {{!}} [[Datei:{{{13|}}} | hochkant={{#expr: {{{w|100}}}/300}} | thumb | {{{14|Beschriftung}}} ]] }}
+	display: inline-block;
-{{#if: {{{15|}}}
+	border: 1px solid #dddddd;
-	| {{!}} style="padding: 0px" {{!}} [[Datei:{{{15|}}} | hochkant={{#expr: {{{w|100}}}/300}} | thumb | {{{16|Beschriftung}}} ]] }}
+	border-radius: 4px;
-{{#if: {{{17|}}}
+	width:calc({{{w2 |{{{w|100px}}} }}} +2);
-	| {{!}} style="padding: 0px" {{!}} [[Datei:{{{17|}}} | hochkant={{#expr: {{{w|100}}}/300}} | thumb | {{{18|Beschriftung}}} ]] }}
+	color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }}
-{{#if: {{{19|}}}
+	font-size: {{{fs|{{{s|1em}}} }}};
-	| {{!}} style="padding: 0px" {{!}} [[Datei:{{{19|}}} | hochkant={{#expr: {{{w|100}}}/300}} | thumb | {{{20|Beschriftung}}} ]] }}
+	margin-left:{{{ml|3px}}};
-|}
+	line-height: {{{lh|calc(100%+2px)}}};
+ 	padding: 4px;
+	{{#if: {{{4|}}} | padding-bottom: 0px; }}
+">[[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|}}}
+	| <td style="padding: 0px; vertical-align: top;"><span style="
+	display: inline-block;
+	border: 1px solid #dddddd;
+	border-radius: 4px;
+	width:calc({{{w3 |{{{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: {{{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>