Vorlage:Klappe: Unterschied zwischen den Versionen

Aus Stupidedia, der sinnfreien Enzyklopädie!
Wechseln zu: Navigation, Suche
K
 
(24 dazwischenliegende Versionen von 4 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
<noinclude>
 
 
Diese Vorlage ermöglicht es, alles mögliche ein- und auszuklappen.
 
Diese Vorlage ermöglicht es, alles mögliche ein- und auszuklappen.
<div style="float:right; background-color:white; border:1px solid black; padding:5px;">
+
 
'''Parameter:'''<br>
+
Funktioniert aber nicht in Kombination mit <tt><nowiki>{|</nowiki></tt> und sowas.
*''Standard:'' "min" oder "max" - Soll es anfänglich ein- oder ausgeklappt sein?<br>
+
 
*''Kopf:'' Titelzeile<br>
+
<div style="float: right; background-color: white; border: 1px solid black; padding: 5px; margin-left: 5px; margin-bottom: 5px;">
*''Inhalt:'' Der Teil, der klappbar ist (Inhalt)<br>
+
'''Parameter:'''<br />
(Optional:)<br>
+
* ''Standard:'' "min" oder "max" - Soll es anfänglich ein- oder ausgeklappt sein?<br />
*''CSS_Gesamt:'' CSS-Eigenschaften für den "div"-Container, der alles umfängt <small>(Standard: Dünner schwarzer Rahmen)</small><br>
+
* ''Kopf:'' Titelzeile<br />
*''CSS_Kopf:'' CSS für die Kopfzeile <small>(Standard: <span style="background-color:#F9F9F9">Grauer Hintergrund</span>)</small><br>
+
* ''Inhalt:'' Der Teil, der klappbar ist (Inhalt)<br />
*''CSS_Inhalt:'' CSS für das Inhaltsfeld <small>(keine Voreinstellung)</small>
+
(Optional:)<br />
 +
* ''CSS_Gesamt:'' CSS-Eigenschaften für den "div"-Container, der alles umfängt <small>(Standard: Dünner schwarzer Rahmen)</small><br />
 +
* ''CSS_Kopf:'' CSS für die Kopfzeile <small>(Standard: <span style="background-color:#F9F9F9">Grauer Hintergrund</span>)</small><br />
 +
* ''CSS_Inhalt:'' CSS für das Inhaltsfeld <small>(keine Voreinstellung)</small>
 +
* ''Klassen:'' Zusätzlicher Inhalt für das class-Attribut
 
</div>
 
</div>
</div>
+
 
==Ausführung==
+
== Ausführung ==
===Minimal===
+
=== Minimal ===
 
<pre><nowiki>
 
<pre><nowiki>
 
{{Klappe
 
{{Klappe
Zeile 19: Zeile 22:
 
|Kopf=Titeltext
 
|Kopf=Titeltext
 
|Inhalt=
 
|Inhalt=
[[Bild:In Arbeit.png|thumb|50px|Bild]]
+
[[Datei:At work.svg|thumb|50px|Bild]]
Text des Inhalts, welcher durchaus und gerne auch ein bisschen länger sein darf, sich sogar wiederholen, sich sogar wiederholen, sich sogar wiederholen darf, auch [[Link]]s sind immer erwünscht, das ist alles supertoll!
+
Text des Inhalts, welcher durchaus und gerne
 +
auch ein bisschen längersein darf, sich sogar
 +
wiederholen, sich sogar wiederholen, sich
 +
sogar wiederholen darf, auch [[Link]]s sind
 +
immer erwünscht, das ist alles supertoll!
  
 
Sogar Absätze sind kein Problem!
 
Sogar Absätze sind kein Problem!
Zeile 30: Zeile 37:
 
|Kopf=Titeltext
 
|Kopf=Titeltext
 
|Inhalt=
 
|Inhalt=
[[Bild:In Arbeit.png|thumb|50px|Bild]]
+
[[Datei:At work.svg|thumb|50px|Bild]]
 
Text des Inhalts, welcher durchaus und gerne auch ein bisschen länger sein darf, sich sogar wiederholen, sich sogar wiederholen, sich sogar wiederholen darf, auch [[Link]]s sind immer erwünscht, das ist alles supertoll!
 
Text des Inhalts, welcher durchaus und gerne auch ein bisschen länger sein darf, sich sogar wiederholen, sich sogar wiederholen, sich sogar wiederholen darf, auch [[Link]]s sind immer erwünscht, das ist alles supertoll!
  
Zeile 43: Zeile 50:
 
|Kopf=Titeltext
 
|Kopf=Titeltext
 
|Inhalt=
 
|Inhalt=
[[Bild:In Arbeit.png|thumb|50px|Bild]]
+
[[Datei:At work.svg|thumb|50px|Bilder machen glücklicherweise auch keine Zicken mehr.]]
 
Text des Inhalts, welcher durchaus und gerne auch ein bisschen länger sein darf, sich sogar wiederholen, sich sogar wiederholen, sich sogar wiederholen darf, auch [[Link]]s sind immer erwünscht, das ist alles supertoll!
 
Text des Inhalts, welcher durchaus und gerne auch ein bisschen länger sein darf, sich sogar wiederholen, sich sogar wiederholen, sich sogar wiederholen darf, auch [[Link]]s sind immer erwünscht, das ist alles supertoll!
  
Zeile 58: Zeile 65:
 
|CSS_Inhalt=color:blue;
 
|CSS_Inhalt=color:blue;
 
|Inhalt=
 
|Inhalt=
[[Bild:In Arbeit.png|thumb|50px|Bild]]
+
[[Datei:At work.svg|thumb|50px|Bild]]
 
Text des Inhalts, welcher durchaus und gerne auch ein bisschen länger sein darf, sich sogar wiederholen, sich sogar wiederholen, sich sogar wiederholen darf, auch [[Link]]s sind immer erwünscht, das ist alles supertoll!
 
Text des Inhalts, welcher durchaus und gerne auch ein bisschen länger sein darf, sich sogar wiederholen, sich sogar wiederholen, sich sogar wiederholen darf, auch [[Link]]s sind immer erwünscht, das ist alles supertoll!
  
Zeile 72: Zeile 79:
 
|CSS_Inhalt=color:blue;
 
|CSS_Inhalt=color:blue;
 
|Inhalt=
 
|Inhalt=
[[Bild:In Arbeit.png|thumb|50px|Bild]]
+
[[Datei:At work.svg|thumb|50px|Bild]]
 
Text des Inhalts, welcher durchaus und gerne auch ein bisschen länger sein darf, sich sogar wiederholen, sich sogar wiederholen, sich sogar wiederholen darf, auch [[Link]]s sind immer erwünscht, das ist alles supertoll!
 
Text des Inhalts, welcher durchaus und gerne auch ein bisschen länger sein darf, sich sogar wiederholen, sich sogar wiederholen, sich sogar wiederholen darf, auch [[Link]]s sind immer erwünscht, das ist alles supertoll!
  
Zeile 78: Zeile 85:
 
}}
 
}}
  
</noinclude>
+
<onlyinclude><includeonly><div class="visualClear klappe mw-collapsible {{#ifeq: {{{Standard|min}}} | max | | mw-collapsed}} {{{Klassen|}}}" style="{{{CSS_Gesamt|border: 1px solid black;}}}">
<includeonly>
+
<div style="padding: 2px; {{{CSS_Kopf|background: #E6E6E6;}}}">
<div class="{{{Standard}}}imized" style="{{{CSS_Gesamt|border:1px solid black;}}}">
+
{{{Kopf|}}}
  <div style="{{{CSS_Kopf|background-color:#E6E6E6;}}}">
+
<div class="visualClear"></div>
<span style="float:right;"></span>
 
{{{Kopf}}}
 
  </div>
 
  <div class="content_{{{Standard}}}imized" style="{{{CSS_Inhalt}}}">
 
{{{Inhalt}}}
 
  </div>
 
 
</div>
 
</div>
</includeonly>
+
<div class="mw-collapsible-content" style="padding: 2px; {{{CSS_Inhalt|}}}">
 +
{{{Inhalt|}}}
 +
<div class="visualClear"></div>
 +
</div>
 +
</div></includeonly></onlyinclude>
 +
 
 +
[[Kategorie:Vorlage:Einbauvorlage]]

Aktuelle Version vom 15. Juni 2013, 00:35 Uhr

Diese Vorlage ermöglicht es, alles mögliche ein- und auszuklappen.

Funktioniert aber nicht in Kombination mit {| und sowas.

Parameter:

  • Standard: "min" oder "max" - Soll es anfänglich ein- oder ausgeklappt sein?
  • Kopf: Titelzeile
  • Inhalt: Der Teil, der klappbar ist (Inhalt)

(Optional:)

  • CSS_Gesamt: CSS-Eigenschaften für den "div"-Container, der alles umfängt (Standard: Dünner schwarzer Rahmen)
  • CSS_Kopf: CSS für die Kopfzeile (Standard: Grauer Hintergrund)
  • CSS_Inhalt: CSS für das Inhaltsfeld (keine Voreinstellung)
  • Klassen: Zusätzlicher Inhalt für das class-Attribut

Ausführung

Minimal

{{Klappe
|Standard=min
|Kopf=Titeltext
|Inhalt=
[[Datei:At work.svg|thumb|50px|Bild]]
Text des Inhalts, welcher durchaus und gerne
auch ein bisschen längersein darf, sich sogar
wiederholen, sich sogar wiederholen, sich
sogar wiederholen darf, auch [[Link]]s sind
immer erwünscht, das ist alles supertoll!

Sogar Absätze sind kein Problem!
}}

wird zu:

Titeltext

Bild

Text des Inhalts, welcher durchaus und gerne auch ein bisschen länger sein darf, sich sogar wiederholen, sich sogar wiederholen, sich sogar wiederholen darf, auch Links sind immer erwünscht, das ist alles supertoll!

Sogar Absätze sind kein Problem!


Entsprechend ist die Vorlage beim Seitenaufruf ausgeklappt, wenn der Parameter Standard=max eingestellt ist:

Titeltext

Bilder machen glücklicherweise auch keine Zicken mehr.

Text des Inhalts, welcher durchaus und gerne auch ein bisschen länger sein darf, sich sogar wiederholen, sich sogar wiederholen, sich sogar wiederholen darf, auch Links sind immer erwünscht, das ist alles supertoll!

Sogar Absätze sind kein Problem!

Mit optischen Einstellungen via CSS

{{Klappe
|Standard=min
|Kopf=Titeltext
|CSS_Gesamt=border:2px dashed pink;
|CSS_Kopf=background-color:yellow; color:red;
|CSS_Inhalt=color:blue;
|Inhalt=
[[Datei:At work.svg|thumb|50px|Bild]]
Text des Inhalts, welcher durchaus und gerne auch ein bisschen länger sein darf, sich sogar wiederholen, sich sogar wiederholen, sich sogar wiederholen darf, auch [[Link]]s sind immer erwünscht, das ist alles supertoll!

Sogar Absätze sind kein Problem!
}}

wird zu:

Titeltext

Bild

Text des Inhalts, welcher durchaus und gerne auch ein bisschen länger sein darf, sich sogar wiederholen, sich sogar wiederholen, sich sogar wiederholen darf, auch Links sind immer erwünscht, das ist alles supertoll!

Sogar Absätze sind kein Problem!


Linktipps: Faditiva und 3DPresso