Wechseln zu:Navigation, Suche
Wiki

Vorlage:Gallery: Unterschied zwischen den Versionen

Aus Securepoint Wiki
KKeine Bearbeitungszusammenfassung
KKeine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
<noinclude><p>'''Stelllt bis zu zehn Bilder nebeneinander dar'''</p>
<noinclude><p>'''Stelllt bis zu zehn Bilder nebeneinander dar.'''</p>
 
'''Verwendung:'''
'''Verwendung:'''
{|
 
| <nowiki>{{ Gallery | Bildname.png | Legende | Optional Bildname2.png | Optional Legende2 | ... | Optionen<nowiki>  }}</nowiki> || Optionen:
<nowiki>{{ Gallery | Bildname.png | Legende | Optional Bildname2.png | Legende2 | ... | Optionen }}</nowiki>
<br>
Die Legende muss außer beim letzten Bild zwingend angegben werden ggf. als leerer Parameter: <nowiki>{{ Gallery | Bildname1.png | | Bildname2.png }}</nowiki>
{| class="wikitable"
! Optionale Parameter !! Default
|-
| '''w='''''100''px'' <small> Bildbreite</small>|| 100px
|-
|-
| || '''w='''''100''px'' <small> Bildbreite</small>|| 100px
| '''fc='''''Farbe'' <small> (html-Werte mit ; )</small> || #333333
|-
|-
| || fc=Farbe <small> (html-Werte mit ; )</small> || #333333
| '''s='''''Font-Size''<small> (Schriftgröße ohne ;) </small> || 1em
|-
|-
| || s=Font-Size<small> Schriftgröße ohne ;</small> || 1em
| '''lh='''''Zeilenhöhe'' <small> (line-height) </small> || 100%+2px
|-
|-
| ||ml=Abstand Links || 3px
| '''ml='''''Abstand Links'' <small> (margin-left)</small> || 3px
|}
|}
<p>Die Bilder erscheinen rechtsbündig. '''Nach''' der Vorlage kann Text eingegeben werden, der '''links''' von den Bildern angezeigt wird.</p>
<p>Die Bilder erscheinen rechtsbündig. '''Nach''' der Vorlage kann Text eingegeben werden, der '''links''' von den Bildern angezeigt wird.</p>
 
----
</noinclude>{| style="float:right; margin-left: 0px;" border="1"
</noinclude>{| style="float:right; margin-left: 0px;"  
|-
|-
| 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>
| style="padding: 0px; vertical-align: top;" ´| <span style="
{{#if: {{{3|}}}
display: 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:{{{3|}}} | {{{w|100px}}}]]<br>{{{4|}}}</div>| }}
border: 1px solid #dddddd;
{{#if: {{{5|}}}
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:{{{5|}}} | {{{w|100px}}}]]<br>{{{6|}}}</div>| }}
width: calc({{{w|100px}}}+2);  
{{#if: {{{7|}}}
color:{{{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:{{{7|}}} | {{{w|100px}}}]]<br>{{{8|}}}</div> |}}
font-size: {{{s|1em}}};
{{#if: {{{9|}}}
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:{{{9|}}} | {{{w|100px}}}]]<br>{{{10|}}}</div>| }}
line-height: {{{lh|calc(100%+2px)}}};
{{#if: {{{11|}}}
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:{{{11|}}} | {{{w|100px}}}]]<br>{{{12|}}}</div>| }}
{{#if: {{{2|}}} | padding-bottom: 0px; }}
{{#if: {{{13|}}}
">[[Datei:{{{1|}}} | {{{w|100px}}}]]{{#if: {{{2|}} |<br>{{{2|}}}|}}</span>{{#if: {{{3|}}}  
| {{!}} 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>| }}
| {{!}}{{!}} style="padding: 0px; vertical-align: top;" {{!}}<span style="
{{#if: {{{15|}}}
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:{{{15|}}} | {{{w|100px}}}]]<br>{{{16|}}}</div>| }}
border: 1px solid #dddddd;
{{#if: {{{17|}}}
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:{{{17|}}} | {{{w|100px}}}]]<br>{{{18|}}}</div>| }}
width:calc({{{w|100px}}}+2);
{{#if: {{{19|}}}
color:{{{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:{{{19|}}} | {{{w|100px}}}]]<br>{{{20|}}}</div>| }}  
font-size: {{{s|1em}}};
margin-left:{{{ml|3px}}};  
line-height: {{{lh|calc(100%+2px)}}};
padding: 4px;
{{#if: {{{4|}}} | padding-bottom: 0px; }}
">[[Datei:{{{3|}}} | {{{w|100px}}}]]{{#if: {{{4|}}} |<br>{{{4|}}}|}}</span>|&#8291;}}{{#if: {{{5|}}}  
| {{!}}{{!}} style="padding: 0px; vertical-align: top;" {{!}}<span style="
display: inline-block;
border: 1px solid #dddddd;  
border-radius: 4px;
width:calc({{{w|100px}}}+2);  
color:{{{fc|#333333;}}}  
font-size: {{{s|1em}}};
margin-left:{{{ml|3px}}};  
line-height: {{{lh|calc(100%+2px)}}};
padding: 4px;
{{#if: {{{6|}}} | padding-bottom: 0px; }}
">[[Datei:{{{5|}}} | {{{w|100px}}}]]{{#if:{{{6|}}} |<br>{{{6|}}}|}}</span>|&#8291; }}{{#if: {{{7|}}}  
| {{!}}{{!}} style="padding: 0px; vertical-align: top;" {{!}}<span style="
display: inline-block;
border: 1px solid #dddddd;
border-radius: 4px;
width:calc({{{w|100px}}}+2);
color:{{{fc|#333333;}}}  
font-size: {{{s|1em}}};
margin-left:{{{ml|3px}}};
line-height: {{{lh|calc(100%+2px)}}};
padding: 4px;
{{#if: {{{8|}}} | padding-bottom: 0px; }}
">[[Datei:{{{7|}}} | {{{w|100px}}}]]{{#if:{{{8|}}} |<br>{{{8|}}}|}}</span>|&#8291;}}{{#if: {{{9|}}}  
| {{!}}{{!}} style="padding: 0px; vertical-align: top;" {{!}}<span style="
display: inline-block;  
border: 1px solid #dddddd;  
border-radius: 4px;
width:calc({{{w|100px}}}+2);  
color:{{{fc|#333333;}}}  
font-size: {{{s|1em}}};
margin-left:{{{ml|3px}}};
line-height: {{{lh|calc(100%+2px)}}};
padding: 4px;
{{#if: {{{10|}}} | padding-bottom: 0px; }}
">[[Datei:{{{9|}}} | {{{w|100px}}}]]{{#if:{{{10|}}} |<br>{{{10|}}}|}}</span>|&#8291;}}{{#if: {{{11|}}}  
| {{!}}{{!}} style="padding: 0px; vertical-align: top;" {{!}}<span style="
display: inline-block;  
border: 1px solid #dddddd;
border-radius: 4px;
width:calc({{{w|100px}}}+2);
color:{{{fc|#333333;}}}  
font-size: {{{s|1em}}};
margin-left:{{{ml|3px}}};
line-height: {{{lh|calc(100%+2px)}}};
padding: 4px;
{{#if: {{{12|}}} | padding-bottom: 0px; }}
">[[Datei:{{{11|}}} | {{{w|100px}}}]]{{#if:{{{12|}}} |<br>{{{12|}}}|}}</span>|&#8291;}}{{#if: {{{13|}}}  
| {{!}}{{!}} style="padding: 0px; vertical-align: top;" {{!}}<span style="
display: inline-block;
border: 1px solid #dddddd;  
border-radius: 4px;
width:calc({{{w|100px}}}+2);  
color:{{{fc|#333333;}}}  
font-size: {{{s|1em}}};
margin-left:{{{ml|3px}}};
line-height: {{{lh|calc(100%+2px)}}};
padding: 4px;
{{#if: {{{14|}}} | padding-bottom: 0px; }}
">[[Datei:{{{13|}}} | {{{w|100px}}}]]{{#if:{{{14|}}} |<br>{{{14|}}}|}}</span>|&#8291;}}{{#if: {{{15|}}}
| {{!}}{{!}} style="padding: 0px; vertical-align: top;" {{!}}<span style="
display: inline-block;
border: 1px solid #dddddd;
border-radius: 4px;
width:calc({{{w|100px}}}+2);
color:{{{fc|#333333;}}}
font-size: {{{s|1em}}};
margin-left:{{{ml|3px}}};
line-height: {{{lh|calc(100%+2px)}}};
padding: 4px;
{{#if: {{{16|}}} | padding-bottom: 0px; }}
">[[Datei:{{{15|}}} | {{{w|100px}}}]]{{#if:{{{16|}}} |<br>{{{16|}}}|}}</span>|&#8291;}}{{#if: {{{17|}}}
| {{!}}{{!}} style="padding: 0px; vertical-align: top;" {{!}}<span style="
display: inline-block;
border: 1px solid #dddddd;
border-radius: 4px;
width:calc({{{w|100px}}}+2);
color:{{{fc|#333333;}}}
font-size: {{{s|1em}}};
margin-left:{{{ml|3px}}};
line-height: {{{lh|calc(100%+2px)}}};
padding: 4px;
{{#if: {{{18|}}} | padding-bottom: 0px; }}
">[[Datei:{{{17|}}} | {{{w|100px}}}]]{{#if:{{{18|}}} |<br>{{{18|}}}|}}</span>|&#8291;}}{{#if: {{{19|}}}
| {{!}}{{!}} style="padding: 0px; vertical-align: top;" {{!}}<span style="
display: inline-block;
border: 1px solid #dddddd;
border-radius: 4px;
width:calc({{{w|100px}}}+2);
color:{{{fc|#333333;}}}
font-size: {{{s|1em}}};
margin-left:{{{ml|3px}}};
line-height: {{{lh|calc(100%+2px)}}};
padding: 4px;
{{#if: {{{20|}}} | padding-bottom: 0px; }}
">[[Datei:{{{19|}}} | {{{w|100px}}}]]{{#if:{{{20|}}} |<br>{{{20|}}}|}}</span>|&#8291;}}
|}
|}

Version vom 4. März 2019, 09:00 Uhr

Stelllt bis zu zehn Bilder nebeneinander dar.

Verwendung: 

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


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

Optionale Parameter Default
w=100px Bildbreite 100px
fc=Farbe (html-Werte mit ; ) #333333
s=Font-Size (Schriftgröße ohne ;) 1em
lh=Zeilenhöhe (line-height) 100%+2px
ml=Abstand Links (margin-left) 3px

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

[[Datei: | 100px]]
⁣⁣⁣⁣⁣⁣⁣⁣⁣
Abgerufen von „https://wiki.securepoint.de/index.php?title=Vorlage:Gallery&oldid=35653“