Vorlage:Klappe: Unterschied zwischen den Versionen

Aus Stupidedia, der sinnfreien Enzyklopädie!
Wechseln zu: Navigation, Suche
K
K
 
(9 dazwischenliegende Versionen desselben Benutzers 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. Technik: [[Hilfe:Javascripts/Rein Damit/minmax.js|Klick]].
+
 
<div style="float:right; background-color:white; border:1px solid black; padding:5px;">
+
Funktioniert aber nicht in Kombination mit <tt><nowiki>{|</nowiki></tt> und sowas.
'''Parameter:'''<br>
+
 
*''Standard:'' "min" oder "max" - Soll es anfänglich ein- oder ausgeklappt sein?<br>
+
<div style="float: right; background-color: white; border: 1px solid black; padding: 5px; margin-left: 5px; margin-bottom: 5px;">
*''Kopf:'' Titelzeile<br>
+
'''Parameter:'''<br />
*''Inhalt:'' Der Teil, der klappbar ist (Inhalt)<br>
+
* ''Standard:'' "min" oder "max" - Soll es anfänglich ein- oder ausgeklappt sein?<br />
(Optional:)<br>
+
* ''Kopf:'' Titelzeile<br />
*''CSS_Gesamt:'' CSS-Eigenschaften für den "div"-Container, der alles umfängt <small>(Standard: Dünner schwarzer Rahmen)</small><br>
+
* ''Inhalt:'' Der Teil, der klappbar ist (Inhalt)<br />
*''CSS_Kopf:'' CSS für die Kopfzeile <small>(Standard: <span style="background-color:#F9F9F9">Grauer Hintergrund</span>)</small><br>
+
(Optional:)<br />
*''CSS_Inhalt:'' CSS für das Inhaltsfeld <small>(keine Voreinstellung)</small>
+
* ''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>
  
==Ausführung==
+
== Ausführung ==
===Minimal===
+
=== Minimal ===
 
<pre><nowiki>
 
<pre><nowiki>
 
{{Klappe
 
{{Klappe
Zeile 47: Zeile 50:
 
|Kopf=Titeltext
 
|Kopf=Titeltext
 
|Inhalt=
 
|Inhalt=
[[Datei:At work.svg|thumb|50px|Nur Bilder machen noch Zicken...]]
+
[[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 82: 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="klappe mw-collapsible {{ #ifeq: {{{Standard|min}}} | max | | mw-collapsed }}" style="border: 1px solid black; {{{CSS_Gesamt|}}}">
+
{{{Kopf|}}}
<div style="background: #E6E6E6; padding: 2px; {{{CSS_Kopf|}}}">
+
<div class="visualClear"></div>
<span style="float: right;"></span>
 
{{{Kopf}}}
 
 
</div>
 
</div>
 
<div class="mw-collapsible-content" style="padding: 2px; {{{CSS_Inhalt|}}}">
 
<div class="mw-collapsible-content" style="padding: 2px; {{{CSS_Inhalt|}}}">
{{{Inhalt}}}
+
{{{Inhalt|}}}
<div style="clear: both;"></div>
+
<div class="visualClear"></div>
 
</div>
 
</div>
</div>
+
</div></includeonly></onlyinclude>
</includeonly>
+
 
 +
[[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