KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
| Zeile 11: | Zeile 11: | ||
| '''w='''''100''px'' <small> Bildbreite</small>|| 100px | | '''w='''''100''px'' <small> Bildbreite</small>|| 100px | ||
|- | |- | ||
| ''' | | '''c='''''Farbe'' <small> (html-Werte mit ; )<br>oder '''fc='''''Farbe''</small> || #333333 | ||
|- | |- | ||
| ''' | | '''fs='''''Font-Size''<small> (Schriftgröße ohne ;) <br>oder '''s='''''Font-Size''</small> || 1em | ||
|- | |- | ||
| '''lh='''''Zeilenhöhe'' <small> (line-height) </small> || 100%+2px | | '''lh='''''Zeilenhöhe'' <small> (line-height) </small> || 100%+2px | ||
| Zeile 28: | Zeile 28: | ||
border-radius: 4px; | border-radius: 4px; | ||
width: calc({{{w|100px}}}+2); | width: calc({{{w|100px}}}+2); | ||
color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }} | color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }} | ||
font-size: {{{s|1em}}}; | font-size: {{{fs|{{{s|1em}}} }}}; | ||
margin-left:{{{ml|3px}}}; | margin-left:{{{ml|3px}}}; | ||
line-height: {{{lh|calc(100%+2px)}}}; | line-height: {{{lh|calc(100%+2px)}}}; | ||
| Zeile 40: | Zeile 40: | ||
border-radius: 4px; | border-radius: 4px; | ||
width:calc({{{w|100px}}}+2); | width:calc({{{w|100px}}}+2); | ||
color:{{{fc|#333333;}}} | color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }} | ||
font-size: {{{s|1em}}}; | font-size: {{{fs|{{{s|1em}}} }}}; | ||
margin-left:{{{ml|3px}}}; | margin-left:{{{ml|3px}}}; | ||
line-height: {{{lh|calc(100%+2px)}}}; | line-height: {{{lh|calc(100%+2px)}}}; | ||
| Zeile 52: | Zeile 52: | ||
border-radius: 4px; | border-radius: 4px; | ||
width:calc({{{w|100px}}}+2); | width:calc({{{w|100px}}}+2); | ||
color:{{{fc|#333333;}}} | color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }} | ||
font-size: {{{s|1em}}}; | font-size: {{{fs|{{{s|1em}}} }}}; | ||
margin-left:{{{ml|3px}}}; | margin-left:{{{ml|3px}}}; | ||
line-height: {{{lh|calc(100%+2px)}}}; | line-height: {{{lh|calc(100%+2px)}}}; | ||
| Zeile 64: | Zeile 64: | ||
border-radius: 4px; | border-radius: 4px; | ||
width:calc({{{w|100px}}}+2); | width:calc({{{w|100px}}}+2); | ||
color:{{{fc|#333333;}}} | color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }} | ||
font-size: {{{s|1em}}}; | font-size: {{{fs|{{{s|1em}}} }}}; | ||
margin-left:{{{ml|3px}}}; | margin-left:{{{ml|3px}}}; | ||
line-height: {{{lh|calc(100%+2px)}}}; | line-height: {{{lh|calc(100%+2px)}}}; | ||
| Zeile 76: | Zeile 76: | ||
border-radius: 4px; | border-radius: 4px; | ||
width:calc({{{w|100px}}}+2); | width:calc({{{w|100px}}}+2); | ||
color:{{{fc|#333333;}}} | color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }} | ||
font-size: {{{s|1em}}}; | font-size: {{{fs|{{{s|1em}}} }}}; | ||
margin-left:{{{ml|3px}}}; | margin-left:{{{ml|3px}}}; | ||
line-height: {{{lh|calc(100%+2px)}}}; | line-height: {{{lh|calc(100%+2px)}}}; | ||
| Zeile 88: | Zeile 88: | ||
border-radius: 4px; | border-radius: 4px; | ||
width:calc({{{w|100px}}}+2); | width:calc({{{w|100px}}}+2); | ||
color:{{{fc|#333333;}}} | color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }} | ||
font-size: {{{s|1em}}}; | font-size: {{{fs|{{{s|1em}}} }}}; | ||
margin-left:{{{ml|3px}}}; | margin-left:{{{ml|3px}}}; | ||
line-height: {{{lh|calc(100%+2px)}}}; | line-height: {{{lh|calc(100%+2px)}}}; | ||
| Zeile 100: | Zeile 100: | ||
border-radius: 4px; | border-radius: 4px; | ||
width:calc({{{w|100px}}}+2); | width:calc({{{w|100px}}}+2); | ||
color:{{{fc|#333333;}}} | color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }} | ||
font-size: {{{s|1em}}}; | font-size: {{{fs|{{{s|1em}}} }}}; | ||
margin-left:{{{ml|3px}}}; | margin-left:{{{ml|3px}}}; | ||
line-height: {{{lh|calc(100%+2px)}}}; | line-height: {{{lh|calc(100%+2px)}}}; | ||
| Zeile 112: | Zeile 112: | ||
border-radius: 4px; | border-radius: 4px; | ||
width:calc({{{w|100px}}}+2); | width:calc({{{w|100px}}}+2); | ||
color:{{{fc|#333333;}}} | color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }} | ||
font-size: {{{s|1em}}}; | font-size: {{{fs|{{{s|1em}}} }}}; | ||
margin-left:{{{ml|3px}}}; | margin-left:{{{ml|3px}}}; | ||
line-height: {{{lh|calc(100%+2px)}}}; | line-height: {{{lh|calc(100%+2px)}}}; | ||
| Zeile 124: | Zeile 124: | ||
border-radius: 4px; | border-radius: 4px; | ||
width:calc({{{w|100px}}}+2); | width:calc({{{w|100px}}}+2); | ||
color:{{{fc|#333333;}}} | color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }} | ||
font-size: {{{s|1em}}}; | font-size: {{{fs|{{{s|1em}}} }}}; | ||
margin-left:{{{ml|3px}}}; | margin-left:{{{ml|3px}}}; | ||
line-height: {{{lh|calc(100%+2px)}}}; | line-height: {{{lh|calc(100%+2px)}}}; | ||
| Zeile 136: | Zeile 136: | ||
border-radius: 4px; | border-radius: 4px; | ||
width:calc({{{w|100px}}}+2); | width:calc({{{w|100px}}}+2); | ||
color:{{{fc|#333333;}}} | color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }} | ||
font-size: {{{s|1em}}}; | font-size: {{{fs|{{{s|1em}}} }}}; | ||
margin-left:{{{ml|3px}}}; | margin-left:{{{ml|3px}}}; | ||
line-height: {{{lh|calc(100%+2px)}}}; | line-height: {{{lh|calc(100%+2px)}}}; | ||
Version vom 4. März 2019, 09:29 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 |
| 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) | 3px |
Die Bilder erscheinen rechtsbündig. Nach der Vorlage kann Text eingegeben werden, der links von den Bildern angezeigt wird.
| [[Datei: | 100px]] |