Information icon.svg Diese Seite ist die Dokumentations-Unterseite der Vorlage:Tr-gradient.

Diese Vorlage erzeugt eine Tabellenzeile mit einem Farbgradienten.

Es wird das komplette -Tag erzeugt, die Farben des Verlaufs sind wählbar.

Code

{{bearbeiten}} {{documentation/Dokuseite}} <onlyinclude>Diese Vorlage erzeugt eine Tabellenzeile mit einem Farbgradienten. Es wird das komplette <code><tr></code>-Tag erzeugt, die Farben des Verlaufs sind wählbar. =='"`UNIQ--h-1--QINU`"' Code == <div style="background-color: #aaa;width:90%; {{round corners}};padding:1em;"> <div style="background-color: #fff;padding:1em;{{border-radius|0.5em}}"> <code style="white-space:pre-wrap;">{{msgnw:Tr-gradient/doc}}</code></div></div> =='"`UNIQ--h-2--QINU`"' Parameter == <table style="width:80%;margin-left: 1em;border: 0px;border-collapse: collapse;text-align: left;padding: 0.5em 0 0 0"> <caption style="background-color: #666;{{Border-radius|1em 1em 0 0}} color: #666;font-family: serif;font-size: 0.4em; border: 1px solid #666;padding: 0.5em 0 0 0;>x</caption> <tr style="background-color: #666; color: #fff;font-size:1.2em;font-family: serif; border: 1px solid #666;padding: 0.5em 0 0 0;"> <th style="width:8%;padding-left:0.5em">Name</th> <th style="width:60%;" colspan="2">Beschreibung</th> <th style="width:25%">Standard</th> <th style="width:7%">Status</th></tr> {{Tr-gradient}}<td style="font-family: monospace;font-size:1.2em;padding-left:0.5em">bott</td> <td colspan="2">Gibt an, ob es sich um die letzte Zeile in der Tabelle handelt, einfach irgendeinen Wert wählen</td><td><span class="mw-templatedata-doc-muted" style="color:#777; font-variant:small-caps">leer</span></td><td>optional</td></tr> {{Tr-gradient}}<td style="font-family: monospace;font-size:1.2em;padding-left:0.5em">von</td> <td colspan="2">Startwert des Farbgradienten</td><td><span class="mw-templatedata-doc-muted" style="color:#777; font-variant:small-caps">#f9f9f9</span></td> <td>optional</td></tr> {{Tr-gradient}}<td style="font-family: monospace;font-size:1.2em;padding-left:0.5em">bis</td> <td colspan="2">Endwert des Farbgradienten</td><td><span class="mw-templatedata-doc-muted" style="color:#777; font-variant:small-caps">#e3e3e3</span></td> <td>optional</td></tr> {{Tr-gradient|bott=1}}<td style="font-family: monospace;font-size:1.2em;padding-left:0.5em">bgc</td> <td colspan="2">Hintergrundfarbe des Tabellenkopfes</td><td><span class="mw-templatedata-doc-muted" style="color:#777; font-variant:small-caps">#666</span></td> <td>optional</td></tr> </table> =='"`UNIQ--h-3--QINU`"' Verwendung == <pre><table style="width:80%;margin-left: 1em;border: 0px;border-collapse: collapse;text-align: left;padding: 0.5em 0 0 0"> <caption style="background-color: #666;{{Border-radius|0.5em 0.5em 0 0}} color: #fff;font-family: serif;font-size: 1.5em; border: 1px solid #666;padding: 0.5em 0 0 0;>Caption der Tabelle</caption> {{Tr-gradient}} <td style="padding:0.3em 0.5em;"> Test</td> <td style="padding:0.3em 0.5em;"> Test 2. Spalte</td> </tr> {{Tr-gradient|bott=1}} <td colspan=2 style="padding:0.3em 0.5em;"> Test letzte Zeile geht über 2 Spalten</td></tr> </table></pre> ergibt <table style="width:80%;margin-left: 1em;border: 0px;border-collapse: collapse;text-align: left;padding: 0.5em 0 0 0"> <caption style="background-color: #666;{{Border-radius|0.5em 0.5em 0 0}} color: #fff;font-family: serif;font-size: 1.5em; border: 1px solid #666;padding: 0.5em 0 0 0;>Caption der Tabelle</caption> {{Tr-gradient}} <td style="padding:0.3em 0.5em;"> Test</td> <td style="padding:0.3em 0.5em;"> Test 2. Spalte</td> </tr> {{Tr-gradient|bott=1}} <td colspan=2 style="padding:0.3em 0.5em;"> Test letzte Zeile geht über 2 Spalten</td></tr> </table>

{{documentation/ruler}}</onlyinclude>

Parameter

x
Name Beschreibung Standard Status
bott Gibt an, ob es sich um die letzte Zeile in der Tabelle handelt, einfach irgendeinen Wert wählenleeroptional
von Startwert des Farbgradienten#f9f9f9 optional
bis Endwert des Farbgradienten#e3e3e3 optional
bgc Hintergrundfarbe des Tabellenkopfes#666 optional

Verwendung

<table style="width:80%;margin-left: 1em;border: 0px;border-collapse: collapse;text-align: left;padding: 0.5em 0 0 0">
<caption style="background-color: #666;{{Border-radius|0.5em 0.5em 0 0}}
	color: #fff;font-family: serif;font-size: 1.5em;
	border: 1px solid #666;padding: 0.5em 0 0 0;>Caption der Tabelle</caption>
{{Tr-gradient}}
<td style="padding:0.3em 0.5em;"> Test</td>
<td style="padding:0.3em 0.5em;"> Test 2. Spalte</td>
</tr>
{{Tr-gradient|bott=1}}
<td colspan=2 style="padding:0.3em 0.5em;"> Test letzte Zeile geht über 2 Spalten</td></tr>
</table>

ergibt

Caption der Tabelle
Test Test 2. Spalte
Test letzte Zeile geht über 2 Spalten