Es gibt z.Z. Probleme mit einem Update, es ist nur Lesen möglich.
Currently there are issues with the installation, readonly possible for now.

Difference between revisions of "Template:Spoiler"

From Jigsaw-Wiki
Jump to: navigation, search
 
(8 intermediate revisions by the same user not shown)
Line 5: Line 5:
 
<pre>
 
<pre>
 
{{Spoiler|Titel=Dies ist ein Spoiler.|Inhalt=Hier steht der Text und ein Bild:
 
{{Spoiler|Titel=Dies ist ein Spoiler.|Inhalt=Hier steht der Text und ein Bild:
[[Datei:NoPic.jpg|none|100px|link=]]}}
+
[[File:NoPic.jpg|none|100px|link=]]}}
 
</pre>
 
</pre>
 
{{Spoiler|Titel=Dies ist ein Spoiler.|Inhalt=Hier steht der Text und ein Bild:
 
{{Spoiler|Titel=Dies ist ein Spoiler.|Inhalt=Hier steht der Text und ein Bild:
[[Datei:NoPic.jpg|none|100px|link=]]}}
+
[[File:NoPic.jpg|none|100px|link=]]}}
  
 
Weitere Parameter:
 
Weitere Parameter:
Line 28: Line 28:
 
<pre>
 
<pre>
 
{{Spoiler|Titel=Test Parameter|Inhalt=Dies ist der Inhalt|width=60%|margin=5em|border-w=5px|border-s=dotted|border-c=#f0f
 
{{Spoiler|Titel=Test Parameter|Inhalt=Dies ist der Inhalt|width=60%|margin=5em|border-w=5px|border-s=dotted|border-c=#f0f
|background-c=#0f0|header-a=left|header-c=#999|header-fs=130%|header-fc=#fff|align=center|font-s=150%}}
+
|background-c=#0f0|header-a=left|header-c=#999|header-fs=130%|header-fc=#fff|align=center|font-s=150%|show=block}}
 
</pre>
 
</pre>
{{Spoiler|Titel=Test Parameter|Inhalt=Dies ist der Inhalt|width=60%|margin=5em|border-w=5px|border-s=dotted|border-c=#f0f|background-c=#0f0|header-a=left|header-c=#999|header-fs=130%|header-fc=#fff|align=center|font-s=150%}}
+
{{Spoiler|Titel=Test Parameter|Inhalt=Dies ist der Inhalt|width=60%|margin=5em|border-w=5px|border-s=dotted|border-c=#f0f|background-c=#0f0|header-a=left|header-c=#999|header-fs=130%|header-fc=#fff|align=center|font-s=150%|show=block}}
[[Kategorie:Vorlagen‎]]</noinclude>
+
[[Category:Templates‎]]</noinclude>
<includeonly><div class="NavFrame" style="width:{{{width|100%}}}; margin:{{{margin|auto}}}; clear:{{{clear|both}}}; padding:1px; border:{{{border-c|#c0c0c0}}} {{{border-w|1px}}} {{{border-s|solid}}}; background:{{{background-c|#fff}}};">
+
<includeonly><div class="mw-collapsible {{{show|mw-collapsed}}}" style="width:{{{width|100%}}}; margin:{{{margin|auto}}}; clear:{{{clear|both}}}; padding:1px; border:{{{border-c|#c0c0c0}}} {{{border-w|1px}}} {{{border-s|solid}}}; background:{{{background-c|#fff}}};"> <div style="padding-left:{{#ifeq:{{{header-align}}}|center|6.4|1}}em; padding-right:.4em; text-align:{{{header-a|center}}}; background-color:{{{header-c|#f0f2f5}}}; font-size:{{{header-fs|{{{font-size|100%}}}}}}; color:{{{header-fc|#000000}}};">{{{Titel|}}}</div><div class="mw-collapsible-content" style="text-align:{{{align|left}}}; padding-top:2px; padding-bottom:2px; padding-left:0em; font-size:{{{font-s|100%}}};">
<div class="NavHead NavToggle" style="padding-left:{{#ifeq:{{{header-align}}}|center|6.4|1}}em; padding-right:.4em; text-align:{{{header-a|center}}}; background-color:{{{header-c|#f0f2f5}}}; font-size:{{{header-fs|{{{font-size|100%}}}}}}; color:{{{header-fc|#000000}}};">{{{Titel|}}}</div>
+
{{{Inhalt}}}</div></div></includeonly>
<div class="NavContent" style="text-align:{{{align|left}}}; padding-left:1em; font-size:{{{font-s|100%}}}; display:{{{show|none}}};">{{{Inhalt}}}</div></div></includeonly>
 

Latest revision as of 17:12, 30 December 2018

Anzeige eines Spoilers zum Verbergen von Infomationen.

Beispiel: (Parameter 'Titel' und 'Inhalt' sind erforderlich):

{{Spoiler|Titel=Dies ist ein Spoiler.|Inhalt=Hier steht der Text und ein Bild:
[[File:NoPic.jpg|none|100px|link=]]}}
Dies ist ein Spoiler.

Hier steht der Text und ein Bild:

NoPic.jpg

Weitere Parameter:

  • width: Breite (default 100%)
  • margin: Abstand (default auto)
  • border-w: Rahmenbreite (default 1px)
  • border-s: Rahmenart (default solid)
  • border-c: Rahmenfarbe (default #c0c0c0)
  • background-c: Hintergrundfarbe (default #fff)
  • header-a: Ausrichtung Überschrift (default center)
  • header-c: Hintergrundfarbe Überschrift (default #f0f2f5)
  • header-fs: Zeichensatzgröße Überschrift (default 100%)
  • header-fc: Farbe Überschrift (default #000)
  • align: Ausrichtung Inhalt (default left)
  • font-s: Zeichengröße Inhalt (default 100%)
  • show: Zeigen oder verstecken (none/block)

Beispiel mit allen Parametern:

{{Spoiler|Titel=Test Parameter|Inhalt=Dies ist der Inhalt|width=60%|margin=5em|border-w=5px|border-s=dotted|border-c=#f0f
|background-c=#0f0|header-a=left|header-c=#999|header-fs=130%|header-fc=#fff|align=center|font-s=150%|show=block}}
Test Parameter
Dies ist der Inhalt