Wechseln zu:Navigation, Suche
Wiki

Vorlage:Gallery2: Unterschied zwischen den Versionen

Aus Securepoint Wiki
← Zum vorherigen Versionsunterschied
KKeine Bearbeitungszusammenfassung
KKeine Bearbeitungszusammenfassung
 
(138 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
<noinclude><p>'''Stelllt bis zu zehn Bilder nebeneinander dar'''</p>
<templatestyles src="Vorlage:Gallery.css" /><br clear=all>
{{Gallery2 | Android Berechtigung Telefonanrufe.png | Legende1 | Android Berechtigung Telefonanrufe.png | Legende2 | Android Berechtigung Telefonanrufe.png | Legende3 | Android Berechtigung Fotos-Medien-Dateien.png | Legende4<br>mit viel<br>Text | s=0.4em | fc=red; | ml=13px }} Beschreibung:
{{#vardefine: class-width_i1 | {{#switch: {{{i1|{{{i|{{{w|3}}} }}} }}}
'''Verwendung:'''
|1=flexelement items_1
{|
|2=flexelement items_2
| <nowiki>{{ Gallery | Bildname.png | Legende | Optional Bildname2.png | Optional Legende2 | ... | Optionen<nowiki>  }}</nowiki> || Optionen:
|3=flexelement items_3
|-
|4=flexelement items_4
| || '''w='''''100''px'' <small> Bildbreite</small>|| 100px
|5=flexelement items_5
|-
|6=flexelement items_6
| || fc=Farbe <small> (html-Werte mit ; )</small> || #333333
|7=flexelement items_7
|-
|8=flexelement items_8
| || s=Font-Size<small> Schriftgröße ohne ;</small> || 1em
|9=flexelement items_9
|-
|10%=flexelement items_10
| ||ml=Abstand Links || 3px
}}
|}
}}{{#vardefine: class-width_i2 | {{#switch: {{{i2|{{{i|{{{w|3}}} }}} }}}
<p>Die Bilder erscheinen rechtsbündig. '''Nach''' der Vorlage kann Text eingegeben werden, der '''links''' von den Bildern angezeigt wird.</p>
|1=flexelement items_1
----
|2=flexelement items_2
</noinclude>{| style="float:right; margin-left: 0px;"
|3=flexelement items_3
|-
|4=flexelement items_4
| style="padding: 0px; vertical-align: top;"  ´| <span style="
|5=flexelement items_5
display: inline-block;
|6=flexelement items_6
border: 1px solid #dddddd;
|7=flexelement items_7
width:calc({{{w|100px}}}+2);
|8=flexelement items_8
color:{{{fc|#333333;}}}  
|9=flexelement items_9
font-size: {{{s|1em}}};
|10%=flexelement items_10
margin-left:{{{ml|3px}}};
}}
">[[Datei:{{{1|}}} | {{{w|100px}}}]]{{#if: {{{2|}} |<br>{{{2|}}}|}}</span>{{#if: {{{3|}}}
}}{{#vardefine: class-width_i3 | {{#switch: {{{i3|{{{i|{{{w|3}}} }}} }}}
| {{!}}{{!}} style="padding: 0px; vertical-align: top;" {{!}}<span style="
|1=flexelement items_1
display: inline-block;
|2=flexelement items_2
border: 1px solid #dddddd;
|3=flexelement items_3
width:calc({{{w|100px}}}+2);
|4=flexelement items_4
color:{{{fc|#333333;}}}  
|5=flexelement items_5
font-size: {{{s|1em}}};
|6=flexelement items_6
margin-left:{{{ml|3px}}};
|7=flexelement items_7
">[[Datei:{{{3|}}} | {{{w|100px}}}]]<br>{{{4|}}}</span>|&#8291;}}{{#if: {{{5|}}}
|8=flexelement items_8
| {{!}}{{!}} style="padding: 0px; vertical-align: top;" {{!}}<span style="
|9=flexelement items_9
display: inline-block;
|10%=flexelement items_10
border: 1px solid #dddddd;
}}
width:calc({{{w|100px}}}+2);
}}{{#vardefine: class-width_i4 | {{#switch: {{{i4|{{{i|{{{w|3}}} }}} }}}
color:{{{fc|#333333;}}}
|1=flexelement items_1
font-size: {{{s|1em}}};
|2=flexelement items_2
margin-left:{{{ml|3px}}};
|3=flexelement items_3
">[[Datei:{{{5|}}} | {{{w|100px}}}]]{{#if:{{{6|}}} |<br>{{{6|}}}|}}</span>|&#8291; }}{{#if: {{{7|}}}  
|4=flexelement items_4
| {{!}}{{!}} style="padding: 0px; vertical-align: top;" {{!}}<span style="
|5=flexelement items_5
display: inline-block;
|6=flexelement items_6
border: 1px solid #dddddd;
|7=flexelement items_7
width:calc({{{w|100px}}}+2);
|8=flexelement items_8
color:{{{fc|#333333;}}}
|9=flexelement items_9
font-size: {{{s|1em}}};
|10%=flexelement items_10
margin-left:{{{ml|3px}}};
}}
line-height: 100%;
}}{{#vardefine: class-width_i5 | {{#switch: {{{i5|{{{i|{{{w|3}}} }}} }}}
">[[Datei:{{{7|}}} | {{{w|100px}}}]]<br>{{{8|}}}</span> |&#8291;}}
|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_i6 | {{#switch: {{{i6|{{{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_i7 | {{#switch: {{{i7|{{{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_i8 | {{#switch: {{{i8|{{{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_i9 | {{#switch: {{{i9|{{{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_i10 | {{#switch: {{{i10|{{{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_i11 | {{#switch: {{{i11|{{{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_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}}
</noinclude>

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











Diese Vorlage erleichtert uns die Gestaltung unseres Wikis.
Sie wird auf Wikiseiten verwendet, um z.B. unterschiedliche css-Styles aufrufen zu können


Abgerufen von „https://wiki.securepoint.de/index.php?title=Vorlage:Gallery2&oldid=63072“