Vorlage:Span-dotted/doc: Unterschied zwischen den Versionen

Aus Jurtenland-Wiki
Zur Navigation springen Zur Suche springen
(Die Seite wurde neu angelegt: „{{bearbeiten}} __NOTOC__ {{documentation/Dokuseite}} <onlyinclude>Die Vorlage {{tlx|Span-dotted}} eine punktierte Rahmenlinie als span (nicht als Absatz), we…“)
 
K
Zeile 20: Zeile 20:
{{Span-dotted|cborder=green|tborder=0.5em|pad=5em|margintop=10em}}PLS Hintergrund.png</span></div>
{{Span-dotted|cborder=green|tborder=0.5em|pad=5em|margintop=10em}}PLS Hintergrund.png</span></div>
== Code ==
== Code ==
{{ShowMe|Span-dotted/doc|1em|3=}}
<div style="background-color: #aaa;width:90%; {{round corners}};padding:1em;">
<div style="background-color: #aaa;width:90%; {{round corners}};padding:1em;">
<div style="background-color: #fff;padding:1em;{{border-radius|0.5em}}">
<div style="background-color: #fff;padding:1em;{{border-radius|0.5em}}">

Version vom 2. Dezember 2017, 10:20 Uhr

BearbeitenVersionenCache leerenSeiteninformation  • Vorlage Span-dotted bearbeiten

Information icon.svg Diese Seite ist die Dokumentations-Unterseite der Vorlage:Span-dotted.

Die Vorlage {{Span-dotted}} eine punktierte Rahmenlinie als span (nicht als Absatz), weil ich sie so oft brauche, habe ich eine eigene Vorlage dafür angelegt.

Achtung, das <span> Tag ist nicht geschlossen, um die Verwendung zu vereinfachen, </span> muss am Ende der Box eingefügt werden.

Verwendung

{{Span-dotted|cborder=…|tborder=…|pad=…}}

ergibt

PLS Hintergrund.png

{{Span-dotted|cborder=green|tborder=0.5em|pad=5em}}

ergibt

PLS Hintergrund.png

Code

{{bearbeiten}} __NOTOC__

{{documentation/Dokuseite}} <onlyinclude>Die Vorlage {{tlx|Span-dotted}} eine punktierte Rahmenlinie als span (nicht als Absatz), weil ich sie so oft brauche, habe ich eine eigene Vorlage dafür angelegt. Achtung, das <code><nowiki><span></nowiki></code> Tag ist nicht geschlossen, um die Verwendung zu vereinfachen, <code><nowiki></span></nowiki></code> muss am Ende der Box eingefügt werden. =='"`UNIQ--h-2--QINU`"' Verwendung == {{Div-dotted|width=66%|style=solid|cborder=blue}}{{tlx|Span-dotted|cborder&#61;&hellip;|tborder&#61;&hellip;|pad&#61;&hellip;}} ergibt {{Span-dotted}}PLS Hintergrund.png</span> </div> {{Div-dotted|width=66%|style=solid|cborder=blue}} {{tlx|Span-dotted|cborder&#61;green|tborder&#61;0.5em|pad&#61;5em}} ergibt {{Span-dotted|cborder=green|tborder=0.5em|pad=5em|margintop=10em}}PLS Hintergrund.png</span></div> =='"`UNIQ--h-3--QINU`"' Code == {{ShowMe|Span-dotted/doc|1em|3=}} <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:Span-dotted}}</code> </div></div> =='"`UNIQ--h-4--QINU`"' Parameter == <table style="width:70%;margin-left: 1em;border: 0px;border-collapse: collapse;text-align: left;padding: 0.5em 0 0 0;{{box-shadow}}"> <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:15%;padding-left:0.5em">Name</th> <th style="width:60%;" colspan="2">Beschreibung</th> <th style="width:25%">Standard</th> <th style="width:10%">Status</th></tr> {{Tr-gradient}}<td style="font-family: monospace;font-size:1.2em;padding-left:0.5em">cborder</td> <td colspan="2">Rahmenfarbe</td> <td><span style="color:#777; font-variant:small-caps">#666</span></td> <td>optional</td></tr> {{Tr-gradient}}<td style="font-family: monospace;font-size:1.2em;padding-left:0.5em">tborder</td> <td colspan="2">Rahmendicke</td> <td><span style="color:#777; font-variant:small-caps">2px</span></td> <td>optional</td></tr> {{Tr-gradient}}<td style="font-family: monospace;font-size:1.2em;padding-left:0.5em">style</td> <td colspan="2">wie im CSS: solid, dotted etc.</td> <td><span style="color:#777; font-variant:small-caps">dotted</span></td> <td>optional</td></tr> {{Tr-gradient}}<td style="font-family: monospace;font-size:1.2em;padding-left:0.5em">width</td> <td colspan="2">Breitenangabe</td> <td><span style="color:#777; font-variant:small-caps">95%</span></td> <td>optional</td></tr> {{Tr-gradient|bott=1}}<td style="font-family: monospace;font-size:1.2em;padding-left:0.5em">pad</td> <td colspan="2">Innenabstand</td> <td><span style="color:#777; font-variant:small-caps">0.5em</span></td> <td style="padding-right:0.5em">optional</td></tr> </table></onlyinclude>

{{bearbeiten}} <includeonly> <onlyinclude><span style="border: {{{tborder|2px}}} {{{style|dotted}}} {{{cborder|#666666}}}; padding: {{{pad|0.5em}}}"></onlyinclude></includeonly> {{verborgen}}{{cat|formatvorlagen}} {{documentation}}

Parameter

x
Name Beschreibung Standard Status
cborder Rahmenfarbe #666 optional
tborder Rahmendicke 2px optional
style wie im CSS: solid, dotted etc. dotted optional
width Breitenangabe 95% optional
pad Innenabstand 0.5em optional