Wechseln zu:Navigation, Suche
Wiki

Vorlage:Gallery2: Unterschied zwischen den Versionen

Aus Securepoint Wiki
KKeine Bearbeitungszusammenfassung
KKeine Bearbeitungszusammenfassung
 
(86 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
>{{{1}}}<
<templatestyles src="Vorlage:Gallery.css" /><br clear=all>
>{{{2}}}<
{{#vardefine: class-width_i1 | {{#switch: {{{i1|{{{i|{{{w|3}}} }}} }}}
>{{{3}}}<
|1=flexelement items_1
>{{{4}}}>
|2=flexelement items_2
 
|3=flexelement items_3
 
|4=flexelement items_4
{| style="float:right; margin-left: {{{mll|0px}}};"
|5=flexelement items_5
|-
|6=flexelement items_6
| style="padding: 0px; vertical-align: top;"  ´| <span style="
|7=flexelement items_7
display: block;
|8=flexelement items_8
border: 1px solid #dddddd;
|9=flexelement items_9
border-radius: 4px;
|10%=flexelement items_10
width: calc({{{w|100px}}}+2px);
}}
color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }}
}}{{#vardefine: class-width_i2 | {{#switch: {{{i2|{{{i|{{{w|3}}} }}} }}}
font-size: {{{fs|{{{s|1em}}} }}};
|1=flexelement items_1
margin-left:{{{ml|3px}}};
|2=flexelement items_2
line-height: {{{lh|calc(100%+2px)}}};
|3=flexelement items_3
padding: 4px;
|4=flexelement items_4
{{#if: {{{2|}}} | padding-bottom: 0px; }}
|5=flexelement items_5
">[[Datei:{{{1|}}} | {{{w|100px}}}]]{{#if: {{{2|}}}  
|6=flexelement items_6
|<br><span style="display:inline-block; width: {{{w|100px}}};">.{{#if: ||{{{2|}}} }}.</span>
|7=flexelement items_7
|&#8291;
|8=flexelement items_8
}}</span>{{#if: {{{3|}}}
|9=flexelement items_9
| {{!}}{{!}} style="padding: 1px; vertical-align: top;" {{!}}<span style="
|10%=flexelement items_10
display: inline-block;
}}
border: 1px solid #dddddd;
}}{{#vardefine: class-width_i3 | {{#switch: {{{i3|{{{i|{{{w|3}}} }}} }}}
border-radius: 4px;
|1=flexelement items_1
width:calc({{{w|100px}}}+2);
|2=flexelement items_2
color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }}
|3=flexelement items_3
font-size: {{{fs|{{{s|1em}}} }}};
|4=flexelement items_4
margin-left:{{{ml|3px}}};
|5=flexelement items_5
line-height: {{{lh|calc(100%+2px)}}};
|6=flexelement items_6
padding: 4px;
|7=flexelement items_7
{{#if: {{{4|}}} | padding-bottom: 0px; }}
|8=flexelement items_8
">[[Datei:{{#if: ||{{{3|}}} }} | {{{w|100px}}}]]{{#if: {{{4|}}} |<br><span style="display:inline-block; width: {{{w|100px}}};">{{{4|}}}</span>|}}</span>|&#8291;}}{{#if: {{{5|}}}
|9=flexelement items_9
| {{!}} style="padding: 0px; vertical-align: top;" {{!}}<span style="
|10%=flexelement items_10
display: inline-block;
}}
border: 1px solid #dddddd;
}}{{#vardefine: class-width_i4 | {{#switch: {{{i4|{{{i|{{{w|3}}} }}} }}}
border-radius: 4px;
|1=flexelement items_1
width:calc({{{w|100px}}}+2);
|2=flexelement items_2
color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }}  
|3=flexelement items_3
font-size: {{{fs|{{{s|1em}}} }}};
|4=flexelement items_4
margin-left:{{{ml|3px}}};
|5=flexelement items_5
line-height: {{{lh|calc(100%+2px)}}};
|6=flexelement items_6
padding: 4px;
|7=flexelement items_7
{{#if: {{{6|}}} | padding-bottom: 0px; }}
|8=flexelement items_8
">[[Datei:{{{5|}}} | {{{w|100px}}}]]{{#if:{{{6|}}} |<br><span style="display:inline-block; width: {{{w|100px}}};">{{{6|}}}</span>|}}</span>|&#8291;}}{{#if: {{{7|}}}
|9=flexelement items_9
| {{!}} style="padding: 0px; vertical-align: top;" {{!}}<span style="
|10%=flexelement items_10
display: inline-block;
}}
border: 1px solid #dddddd;
}}{{#vardefine: class-width_i5 | {{#switch: {{{i5|{{{i|{{{w|3}}} }}} }}}
border-radius: 4px;
|1=flexelement items_1
width:calc({{{w|100px}}}+2);
|2=flexelement items_2
color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }}
|3=flexelement items_3
font-size: {{{fs|{{{s|1em}}} }}};
|4=flexelement items_4
margin-left:{{{ml|3px}}};
|5=flexelement items_5
line-height: {{{lh|calc(100%+2px)}}};
|6=flexelement items_6
padding: 4px;
|7=flexelement items_7
{{#if: {{{8|}}} | padding-bottom: 0px; }}
|8=flexelement items_8
">[[Datei:{{{7|}}} | {{{w|100px}}}]]{{#if:{{{8|}}} |<br><span style="display:inline-block; width: {{{w|100px}}};">{{{8|}}}</span>|}}</span>|&#8291;}}{{#if: {{{9|}}}
|9=flexelement items_9
| {{!}}{{!}} style="padding: 0px; vertical-align: top;" {{!}}<span style="
|10%=flexelement items_10
display: inline-block;
}}
border: 1px solid #dddddd;
}}{{#vardefine: class-width_i6 | {{#switch: {{{i6|{{{i|{{{w|3}}} }}} }}}
border-radius: 4px;
|1=flexelement items_1
width:calc({{{w|100px}}}+2);
|2=flexelement items_2
color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }}  
|3=flexelement items_3
font-size: {{{fs|{{{s|1em}}} }}};
|4=flexelement items_4
margin-left:{{{ml|3px}}};
|5=flexelement items_5
line-height: {{{lh|calc(100%+2px)}}};
|6=flexelement items_6
padding: 4px;
|7=flexelement items_7
{{#if: {{{10|}}} | padding-bottom: 0px; }}
|8=flexelement items_8
">[[Datei:{{{9|}}} | {{{w|100px}}}]]{{#if:{{{10|}}} |<br><span style="display:inline-block; width: {{{w|100px}}};">{{{10|}}}</span>|}}</span>|&#8291;}}{{#if: {{{11|}}}
|9=flexelement items_9
| {{!}}{{!}} style="padding: 0px; vertical-align: top;" {{!}}<span style="
|10%=flexelement items_10
display: inline-block;
}}
border: 1px solid #dddddd;
}}{{#vardefine: class-width_i7 | {{#switch: {{{i7|{{{i|{{{w|3}}} }}} }}}
border-radius: 4px;
|1=flexelement items_1
width:calc({{{w|100px}}}+2);
|2=flexelement items_2
color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }}
|3=flexelement items_3
font-size: {{{fs|{{{s|1em}}} }}};
|4=flexelement items_4
margin-left:{{{ml|3px}}};
|5=flexelement items_5
line-height: {{{lh|calc(100%+2px)}}};
|6=flexelement items_6
padding: 4px;
|7=flexelement items_7
{{#if: {{{12|}}} | padding-bottom: 0px; }}
|8=flexelement items_8
">[[Datei:{{{11|}}} | {{{w|100px}}}]]{{#if:{{{12|}}} |<br><span style="display:inline-block; width: {{{w|100px}}};">{{{12|}}}</span>|}}</span>|&#8291;}}{{#if: {{{13|}}}
|9=flexelement items_9
| {{!}}{{!}} style="padding: 0px; vertical-align: top;" {{!}}<span style="
|10%=flexelement items_10
display: inline-block;
}}
border: 1px solid #dddddd;
}}{{#vardefine: class-width_i8 | {{#switch: {{{i8|{{{i|{{{w|3}}} }}} }}}
border-radius: 4px;
|1=flexelement items_1
width:calc({{{w|100px}}}+2);
|2=flexelement items_2
color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }}  
|3=flexelement items_3
font-size: {{{fs|{{{s|1em}}} }}};
|4=flexelement items_4
margin-left:{{{ml|3px}}};
|5=flexelement items_5
line-height: {{{lh|calc(100%+2px)}}};
|6=flexelement items_6
padding: 4px;
|7=flexelement items_7
{{#if: {{{14|}}} | padding-bottom: 0px; }}
|8=flexelement items_8
">[[Datei:{{{13|}}} | {{{w|100px}}}]]{{#if:{{{14|}}} |<br><span style="display:inline-block; width: {{{w|100px}}};">{{{14|}}}</span>|}}</span>|&#8291;}}{{#if: {{{15|}}}
|9=flexelement items_9
| {{!}}{{!}} style="padding: 0px; vertical-align: top;" {{!}}<span style="
|10%=flexelement items_10
display: inline-block;
}}
border: 1px solid #dddddd;
}}{{#vardefine: class-width_i9 | {{#switch: {{{i9|{{{i|{{{w|3}}} }}} }}}
border-radius: 4px;
|1=flexelement items_1
width:calc({{{w|100px}}}+2);
|2=flexelement items_2
color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }}
|3=flexelement items_3
font-size: {{{fs|{{{s|1em}}} }}};
|4=flexelement items_4
margin-left:{{{ml|3px}}};
|5=flexelement items_5
line-height: {{{lh|calc(100%+2px)}}};
|6=flexelement items_6
padding: 4px;
|7=flexelement items_7
{{#if: {{{16|}}} | padding-bottom: 0px; }}
|8=flexelement items_8
">[[Datei:{{{15|}}} | {{{w|100px}}}]]{{#if:{{{16|}}} |<br><span style="display:inline-block; width: {{{w|100px}}};">{{{16|}}}</span>|}}</span>|&#8291;}}{{#if: {{{17|}}}
|9=flexelement items_9
| {{!}}{{!}} style="padding: 0px; vertical-align: top;" {{!}}<span style="
|10%=flexelement items_10
display: inline-block;
}}
border: 1px solid #dddddd;
}}{{#vardefine: class-width_i10 | {{#switch: {{{i10|{{{i|{{{w|3}}} }}} }}}
border-radius: 4px;
|1=flexelement items_1
width:calc({{{w|100px}}}+2);
|2=flexelement items_2
color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }}  
|3=flexelement items_3
font-size: {{{fs|{{{s|1em}}} }}};
|4=flexelement items_4
margin-left:{{{ml|3px}}};
|5=flexelement items_5
line-height: {{{lh|calc(100%+2px)}}};
|6=flexelement items_6
padding: 4px;
|7=flexelement items_7
{{#if: {{{18|}}} | padding-bottom: 0px; }}
|8=flexelement items_8
">[[Datei:{{{17|}}} | {{{w|100px}}}]]{{#if:{{{18|}}} |<br><span style="display:inline-block; width: {{{w|100px}}};">{{{18|}}}</span>|}}</span>|&#8291;}}{{#if: {{{19|}}}
|9=flexelement items_9
| {{!}}{{!}} style="padding: 0px; vertical-align: top;" {{!}}<span style="
|10%=flexelement items_10
display: inline-block;
}}
border: 1px solid #dddddd;
}}{{#vardefine: class-width_i11 | {{#switch: {{{i11|{{{i|{{{w|3}}} }}} }}}
border-radius: 4px;
|1=flexelement items_1
width:calc({{{w|100px}}}+2);
|2=flexelement items_2
color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }}
|3=flexelement items_3
font-size: {{{fs|{{{s|1em}}} }}};
|4=flexelement items_4
margin-left:{{{ml|3px}}};
|5=flexelement items_5
line-height: {{{lh|calc(100%+2px)}}};
|6=flexelement items_6
padding: 4px;
|7=flexelement items_7
{{#if: {{{20|}}} | padding-bottom: 0px; }}
|8=flexelement items_8
">[[Datei:{{{19|}}} | {{{w|100px}}}]]{{#if:{{{20|}}} |<br><span style="display:inline-block; width: {{{w|100px}}};">{{{20|}}}</span>|}}</span>|&#8291;}}
|9=flexelement items_9
|}<noinclude>
|10%=flexelement items_10
}}
}}{{#vardefine: class-width_i12 | {{#switch: {{{i12|{{{i|{{{w|3}}} }}} }}}
|1=flexelement items_1
|2=flexelement items_2
|3=flexelement items_3
|4=flexelement items_4
|5=flexelement items_5
|6=flexelement items_6
|7=flexelement items_7
|8=flexelement items_8
|9=flexelement items_9
|10%=flexelement items_10
}}
}}{{#vardefine: class-width_i13 | {{#switch: {{{i13|{{{i|{{{w|3}}} }}} }}}
|1=flexelement items_1
|2=flexelement items_2
|3=flexelement items_3
|4=flexelement items_4
|5=flexelement items_5
|6=flexelement items_6
|7=flexelement items_7
|8=flexelement items_8
|9=flexelement items_9
|10%=flexelement items_10
}}
}}{{#vardefine: class-width_i14 | {{#switch: {{{i14|{{{i|{{{w|3}}} }}} }}}
|1=flexelement items_1
|2=flexelement items_2
|3=flexelement items_3
|4=flexelement items_4
|5=flexelement items_5
|6=flexelement items_6
|7=flexelement items_7
|8=flexelement items_8
|9=flexelement items_9
|10%=flexelement items_10
}}
}}{{#vardefine: class-width_i14 | {{#switch: {{{i14|{{{i|{{{w|3}}} }}} }}}
|1=flexelement items_1
|2=flexelement items_2
|3=flexelement items_3
|4=flexelement items_4
|5=flexelement items_5
|6=flexelement items_6
|7=flexelement items_7
|8=flexelement items_8
|9=flexelement items_9
|10%=flexelement items_10
}}
}}{{#vardefine: class-width_i15 | {{#switch: {{{i15|{{{i|{{{w|3}}} }}} }}}
|1=flexelement items_1
|2=flexelement items_2
|3=flexelement items_3
|4=flexelement items_4
|5=flexelement items_5
|6=flexelement items_6
|7=flexelement items_7
|8=flexelement items_8
|9=flexelement items_9
|10%=flexelement items_10
}}
}}{{#vardefine: class-width_i16 | {{#switch: {{{i16|{{{i|{{{w|3}}} }}} }}}
|1=flexelement items_1
|2=flexelement items_2
|3=flexelement items_3
|4=flexelement items_4
|5=flexelement items_5
|6=flexelement items_6
|7=flexelement items_7
|8=flexelement items_8
|9=flexelement items_9
|10%=flexelement items_10
}}
}}{{#vardefine: class-width_i17 | {{#switch: {{{i17|{{{i|{{{w|3}}} }}} }}}
|1=flexelement items_1
|2=flexelement items_2
|3=flexelement items_3
|4=flexelement items_4
|5=flexelement items_5
|6=flexelement items_6
|7=flexelement items_7
|8=flexelement items_8
|9=flexelement items_9
|10%=flexelement items_10
}}
}}{{#vardefine: class-width_i18 | {{#switch: {{{i18|{{{i|{{{w|3}}} }}} }}}
|1=flexelement items_1
|2=flexelement items_2
|3=flexelement items_3
|4=flexelement items_4
|5=flexelement items_5
|6=flexelement items_6
|7=flexelement items_7
|8=flexelement items_8
|9=flexelement items_9
|10%=flexelement items_10
}}
}}{{#vardefine: class-width_i19 | {{#switch: {{{i19|{{{i|{{{w|3}}} }}} }}}
|1=flexelement items_1
|2=flexelement items_2
|3=flexelement items_3
|4=flexelement items_4
|5=flexelement items_5
|6=flexelement items_6
|7=flexelement items_7
|8=flexelement items_8
|9=flexelement items_9
|10%=flexelement items_10
}}
}}{{#vardefine: class-width_i20 | {{#switch: {{{i209|{{{i|{{{w|3}}} }}} }}}
|1=flexelement items_1
|2=flexelement items_2
|3=flexelement items_3
|4=flexelement items_4
|5=flexelement items_5
|6=flexelement items_6
|7=flexelement items_7
|8=flexelement items_8
|9=flexelement items_9
|10%=flexelement items_10
}}
}}{{#if: {{{einblenden | {{{einklappen|}}} }}} |
<div class="mw-collapsible {{#ifeq: {{{collapsed|false}}}|true | mw-collapsed}} {{#ifeq: {{{layout|{{{dezent|}}} }}} |dezent|dezent}}"
data-expandtext="{{{einblenden|{{{ausklappen|ausklappen}}} }}}"
data-collapsetext="{{{ausblenden | {{{einklappen|einklappen}}} }}}"
id="mw-customcollapsible-Gallery"
><div class="mw-collapsible-content">
}}<div class="flexbox"><div class="{{#var: class-width_i1}}" {{#if:{{{1|}}}||style="border: 1px solid white; background: white; text-align:left;"}}>{{#if:{{{1|}}} | [[Datei:{{{1|}}}|mini|hochkant=2|{{{2|1}}}]] | {{{2|}}} }}</div>
{{#if: {{{3|}}} | <div class="{{#var: class-width_i2}}">[[Datei:{{{3|}}}|mini|hochkant=2|{{{4|2}}}]]</div>}}
{{#if: {{{5|}}} | <div class="{{#var: class-width_i3}}">[[Datei:{{{5|}}}|mini|hochkant=2|{{{6|3}}}]]</div>}}
{{#if: {{{7|}}} | <div class="{{#var: class-width_i4}}">[[Datei:{{{7|}}}|mini|hochkant=2|{{{8|4}}}]]</div>}}
{{#if: {{{9|}}} | <div class="{{#var: class-width_i5}}">[[Datei:{{{9|}}}|mini|hochkant=2|{{{10|5}}}]]</div>}}
{{#if: {{{11|}}} | <div class="{{#var: class-width_i6}}">[[Datei:{{{11|}}}|mini|hochkant=2|{{{12|6}}}]]</div>}}
{{#if: {{{13|}}} | <div class="{{#var: class-width_i7}}">[[Datei:{{{13|}}}|mini|hochkant=2|{{{14|7}}}]]</div>}}
{{#if: {{{15|}}} | <div class="{{#var: class-width_i8}}">[[Datei:{{{15|}}}|mini|hochkant=2|{{{16|}}}]]</div>}}
{{#if: {{{17|}}} | <div class="{{#var: class-width_i9}}">[[Datei:{{{17|}}}|mini|hochkant=2|{{{18|}}}]]</div>}}
{{#if: {{{19|}}} | <div class="{{#var: class-width_i10}}">[[Datei:{{{19|}}}|mini|hochkant=2|{{{20|}}}]]</div>}}
{{#if: {{{21|}}} | <div class="{{#var: class-width_i11}}">[[Datei:{{{21|}}}|mini|hochkant=2|{{{22|}}}]]</div>}}
{{#if: {{{23|}}} | <div class="{{#var: class-width_i12}}">[[Datei:{{{23|}}}|mini|hochkant=2|{{{24|}}}]]</div>}}
{{#if: {{{25|}}} | <div class="{{#var: class-width_i13}}">[[Datei:{{{25|}}}|mini|hochkant=2|{{{26|}}}]]</div>}}
{{#if: {{{27|}}} | <div class="{{#var: class-width_i14}}">[[Datei:{{{27|}}}|mini|hochkant=2|{{{28|}}}]]</div>}}
{{#if: {{{29|}}} | <div class="{{#var: class-width_i15}}">[[Datei:{{{29|}}}|mini|hochkant=2|{{{30|}}}]]</div>}}
{{#if: {{{31|}}} | <div class="{{#var: class-width_i16}}">[[Datei:{{{31|}}}|mini|hochkant=2|{{{32|}}}]]</div>}}
{{#if: {{{33|}}} | <div class="{{#var: class-width_i17}}">[[Datei:{{{33|}}}|mini|hochkant=2|{{{34|}}}]]</div>}}
{{#if: {{{35|}}} | <div class="{{#var: class-width_i18}}">[[Datei:{{{35|}}}|mini|hochkant=2|{{{36|}}}]]</div>}}
{{#if: {{{37|}}} | <div class="{{#var: class-width_i19}}">[[Datei:{{{37|}}}|mini|hochkant=2|{{{38|}}}]]</div>}}
{{#if: {{{39|}}} | <div class="{{#var: class-width_i20}}">[[Datei:{{{39|}}}|mini|hochkant=2|{{{40|}}}]]</div>}}
</div>
{{#if: {{{einklappen}}} |</div></div>}}
<noinclude>
{{Dokumentation}}
{{Dokumentation}}
</noinclude>
</noinclude>

Aktuelle Version vom 18. September 2019, 08:33 Uhr












Syntax: Vorlage:Gallery2/Syntax

Stelllt bis zu zehn Bilder nebeneinander dar

Wird ein Parameiter einklappen angegeben, wird die Gallery als ausklappbar dargestellt

Die Legende muss außer beim letzten Bild zwingend angegeben werden ggf. als leerer Parameter: {{ Gallery | Bildname1.png | | Bildname2.png }}

Optionale Parameter Beschreibung Default
| i= Anzahl der Bilder in einer Zeile bei 1200px Viewport 3
| in= Größe des Bildes n entsprechend Anzahl der Bilder in einer Zeile bei 1200px Viewport z.B.: i4=7
| ausklappen=
| einblenden=		 Beschriftung der Schaltfläche im eingeklappten Zustand ausklappen
| einklappen=
| ausblenden=		 Beschriftung der Schaltfläche im ausgeklappten Zustand einklappen
| collapsed= true , falls die Tabelle per Default eingeklappt werden soll false
Abgerufen von „https://wiki.securepoint.de/index.php?title=Vorlage:Gallery2&oldid=63072“