Menü aufrufen
Toggle preferences menu
Persönliches Menü aufrufen
Nicht angemeldet
Ihre IP-Adresse wird öffentlich sichtbar sein, wenn Sie Änderungen vornehmen.

Benutzer:Rene/Klappbox: Unterschied zwischen den Versionen

aus Stargate Wiki, dem deutschsprachigen Stargate-Lexikon
Ein paar Links zur Anleitung
Mehrere Boxen gleichzeitig ändern geht
 
(2 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
<includeonly>{{#ifeq:{{uc:{{{1|}}}}}|ENDE|</div>|<div class="mw-collapsible {{#ifeq:{{uc:{{{ZUSTAND|VERSTECKT}}}}}|VERSTECKT|mw-collapsed|}}" style="{{{STYLE|float:right; border:1px #aaaaaa solid; background-color:#F5F5F5;}}}">{{{TITEL|Überschrift}}}
<div class="mw-customtoggle-myDivision" style="background:#e0e8ff">Click here to toggle the element</div>
{{#ifeq:{{uc:{{{1|}}}}}|ANFANG||
<div class="mw-collapsible-content">{{{INHALT|Inhalt}}}</div>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-myDivision">
</div>}}}}</includeonly><noinclude>
<div class="toccolours mw-collapsible-content">Lorem ipsum dolor sit amet...</div>
----
</div>
Links: http://www.mediawiki.org/wiki/Manual:Collapsible_elements , http://test.wikipedia.org/wiki/User:Krinkle/CollapsingTestpageMw
----
<div class="mw-customtoggle-myDivision1" style="background:#e0e8ff">Click here to toggle the element</div>
<code><pre>
{{Klappbox
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-myDivision1">
| TITEL = Weiterer Text
<div class="toccolours mw-collapsible-content">Lorem ipsum dolor sit amet...</div>
| INHALT = Lorem ipsum …
</div>
| TITELPOSITION = 10
}}
<div class="mw-customtoggle-myDivision mw-customtoggle-myDivision1" style="background:#e8ffe0">Anklicken um beide Boxen zu öffnen/schließen</div>
</pre></code>
 
ergibt:
Problem 1. Kein Pfeil sondern die Schreibmarke als Cursor -> CSS-hover setzen
{{Benutzer:Rene/Klappbox
 
| TITEL = Weiterer Text
Problem 2. Was machen wenn mehrere Kästen auf der Seite. Die ID muss verschieden sein ...
| INHALT = Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.  
| TITELPOSITION = 10
| STYLE = text-align:center;
}}
</noinclude>