Vorlage:Tr-gradient/doc: Unterschied zwischen den Versionen
(Die Seite wurde neu angelegt: „{{bearbeiten}} {{documentation/Dokuseite}} <onlyinclude>Diese Vorlage erzeugt eine Tabellenzeile mit einem Farbgradienten. Es wird das komplette <code><tr></…“) |
K |
||
Zeile 6: | Zeile 6: | ||
Es wird das komplette <code><tr></code>-Tag erzeugt, die Farben des Verlaufs sind wählbar. | Es wird das komplette <code><tr></code>-Tag erzeugt, die Farben des Verlaufs sind wählbar. | ||
== Code == | == Code == | ||
<code style="white-space:pre-wrap;">{{msgnw: | <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> | |||
== Parameter == | == Parameter == | ||
Version vom 26. November 2017, 15:35 Uhr
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
Name | Beschreibung | Standard | Status | |
---|---|---|---|---|
bott | Gibt an, ob es sich um die letzte Zeile in der Tabelle handelt, einfach irgendeinen Wert wählen | leer | optional | |
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
Test | Test 2. Spalte |
Test letzte Zeile geht über 2 Spalten |