Bearbeiten von „Vorlage:Klappbox“

<onlyinclude>{{
  #vardefine:KlappIDCounter|
  {{#if:{{#var:KlappIDCounter}}|
    {{#expr: {{#var:KlappIDCounter}} +1 }}|
    1
  }}
}}{{
  #vardefine:introtemplate
  |{{#if: {{{introtemplate|}}} | {{Vorlage:{{{introtemplate}}}}} }}
}}{{
  #vardefine:outrotemplate
  |{{#if: {{{outrotemplate|}}} | {{Vorlage:{{{outrotemplate}}}}} | {{#if: {{{introtemplate|}}} | {{Vorlage:Klappbox_ask/standard_outrotemplate}} }} }}
}}<html>

<!-- KLAPPBOX </html>{{{Titel|}}}<html> :) -->

<!--hauptrahmen-->
<div id="</html>{{{id|{{#var:KlappIDCounter}}}}}<html>" style="</html>{{#if:{{{Breite|}}} | width:{{{Breite|}}}px; float:left; }}<html> border:1px solid #808080; margin-left: 0px;  margin-right: 2px; border-collapse: collapse; overflow:auto;" >

<!--balken überschrift-->

<div style="padding:0.25em 0.25em 0.25em 0; background-color:</html>{{#if:{{{Titelfarbe|}}} |<html>#</html>{{#replace:{{{Titelfarbe|}}}|#| }} |<html>#F9F9F9</html> }}<html>; border-collapse: collapse; overflow:auto;">

<span style="float:left; padding:0 0.25em 0 0;"></html>{{ Klappbox/Link
 | id = {{anchorencode:{{{id|{{#var:KlappIDCounter}} }}} }}
 | Link oeffnen = {{#ifeq: {{{Link oeffnen|}}}|none||{{{Link oeffnen|}}} }}
 | Link schliessen = {{#ifeq: {{{Link schliessen|}}}|none||{{{Link schliessen|}}} }}
 | Linkfarbe = {{{Linkfarbe|}}}
 | Status = {{#ifeq:{{{aufgeklappt|{{{ausgeklappt|}}}}}}|ja|auf|zu}}
 | position = top
 | beide = {{{beide|{{{extendMode|}}}}}}
 | springen = {{{springen|}}}
}}{{#if:{{{Titel|}}}
 | <span style="float:left; margin-left: 5px;">{{{Titel|}}}</span>
}}<html>
</span>

<div style="float:right;">&nbsp;</div>

<!--balken überschrift--></div>

<!--außen-->
<div style="width:99%; margin: auto; text-align:center; border-collapse: collapse; overflow:auto;">

<!--innen-->
<div style="padding-left:</html>{{{padding-left|1em}}}<html>; padding-right:</html>{{{padding-right|0.3em}}}<html>; text-align:left; border-collapse: collapse; overflow:auto;">

<!-- kurze Version -->

<span id="</html>{{anchorencode:{{{id|{{#var:KlappIDCounter}} }}} }}_short<html>" style="display:</html>{{#ifeq:{{{aufgeklappt|{{{ausgeklappt|}}}}}}|ja|{{#ifeq:{{{beide|}}}|ja|inline|none}}|inline}}<html>">
</html>{{{kurz| {{{1|}}} }}}<html>
</span>

<!-- lange Version -->

<span id="</html>{{anchorencode:{{{id|{{#var:KlappIDCounter}} }}} }}_long<html>" style="display:</html>{{#ifeq:{{{aufgeklappt|{{{ausgeklappt|}}}}}}|ja|inline|none}}<html>">
</html>{{#var:introtemplate}}
{{{lang| {{{2| {{{Inhalt|}}} }}} }}}
{{#var:outrotemplate}}<html>
</span>

<!--innen--></div>
<!--außen--></div>

</html>{{#vardefine:LinkUntenAnzeigen
| {{#ifeq: {{{Link unten|}}} | auto
    | {{#ifeq:{{{aufgeklappt|{{{ausgeklappt|}}}}}} | ja }}
    | {{{Link unten|}}}
  }}
}}{{ Klappbox/Link
  | id = {{anchorencode:{{{id|{{#var:KlappIDCounter}} }}} }}
  | Link oeffnen = {{#ifeq: {{{Link oeffnen|}}}|none||{{{Link oeffnen|}}} }}
  | Link schliessen = {{#ifeq: {{{Link schliessen|}}}|none||{{{Link schliessen|}}} }}
  | Linkfarbe = {{{Linkfarbe|}}}
  | Status = {{#ifeq:{{{aufgeklappt|{{{ausgeklappt|}}}}}}|ja|auf|zu}}
  | position = bottom
  | beide = {{{beide|{{{extendMode|}}}}}}
  | springen = {{{springen|}}}
  | display = {{#if: {{#var:LinkUntenAnzeigen|}} | block | none }}
}}<html>

<!--hauptrahmen--></div>

</html>{{#ifeq:{{{nebeneinander|}}}
   | ja
   | <!-- wenn nebeneinander = ja, dann kein div clear:left -->
   | <html>
   
 <!-- bei fester Breite notwendig: "clear:left", damit die nächste Überschrift nicht rechts daneben gequetscht wird (sonst auch, damit gleicher Abstand zwischen Boxen) -->

     <div style="clear:left"></div>
     </html>
}}<html>

</html></onlyinclude><noinclude>
[[Category:Vorlagen|{{PAGENAME}}]]

* [[Vorlage:Klappbox/Doku]]
* [[Vorlage:Klappbox/Test#Klappbox3]]
</noinclude>
@@ Zeile 1: / Zeile 1: @@
-__NOTOC__
+<onlyinclude>{{
-<includeonly>
+  #vardefine:KlappIDCounter|
-<div style="
+  {{#if:{{#var:KlappIDCounter}}|
-background-color:#e1e1e1;
+    {{#expr: {{#var:KlappIDCounter}} +1 }}|
-background-image: -webkit-linear-gradient(white 0%, #9FBFD2 100%);
-background-image: -moz-linear-gradient(white 0%, #9FBFD2 100%);
+  }}
-background-image: -o-linear-gradient(white 0%, #9FBFD2 100%);
+}}{{
-background-image: linear-gradient(white 0%, #9FBFD2 100%);
+  #vardefine:introtemplate
-border-radius:0 45px 0 0;
+  |{{#if: {{{introtemplate|}}} | {{Vorlage:{{{introtemplate}}}}} }}
--moz-border-radius:0 45px 0 0;
+}}{{
--webkit-border-radius:45px;
+  #vardefine:outrotemplate
--webkit-border-top-left-radius:0;
+  |{{#if: {{{outrotemplate|}}} | {{Vorlage:{{{outrotemplate}}}}} | {{#if: {{{introtemplate|}}} | {{Vorlage:Klappbox_ask/standard_outrotemplate}} }} }}
--webkit-border-bottom-left-radius:0;}
+}}<html>
--webkit-border-bottom-right-radius:0;}
--moz-box-shadow:3.5px 3.5px 5px #787878;
+<!-- KLAPPBOX </html>{{{Titel|}}}<html> :) -->
--webkit-box-shadow:3.5px 3.5px 5px #787878;
-box-shadow:3.5px 3.5px 5px #787878;
+<!--hauptrahmen-->
-padding:3px; padding-left:18px; padding-right:18px; padding-top:12px; margin-bottom:4px; border-left: 1px solid #ddd; border-right: 2px solid #999; border-top: 1px solid #ddd; border-bottom: 2px solid #999; " >
+<div id="</html>{{{id|{{#var:KlappIDCounter}}}}}<html>" style="</html>{{#if:{{{Breite|}}} | width:{{{Breite|}}}px; float:left; }}<html> border:1px solid #808080; margin-left: 0px;  margin-right: 2px; border-collapse: collapse; overflow:auto;" >
-<div style="float:left; ">[[File:{{{Bild}}}|55px]]</div><br>
-<div style="font-size:1.5em; padding-left:248px; font-variant: small-caps; font-weight:bolder; letter-spacing:0.1em; text-shadow: #8ab9e8 2px 2px 2px;">{{{Titel}}}</div>
+<!--balken überschrift-->
-<div class="wikitable mw-collapsible mw-collapsed">
-<hr><br>
+<div style="padding:0.25em 0.25em 0.25em 0; background-color:</html>{{#if:{{{Titelfarbe|}}} |<html>#</html>{{#replace:{{{Titelfarbe|}}}|#| }} |<html>#F9F9F9</html> }}<html>; border-collapse: collapse; overflow:auto;">
-{{{Text}}}
-<div class="editbutton" style="text-align: right; ">
+<span style="float:left; padding:0 0.25em 0 0;"></html>{{ Klappbox/Link
-{{Bearbeiten|{{{Bearbeiten1}}}|text=« edit {{{Bearbeiten2}}} »}}
+ | id = {{anchorencode:{{{id|{{#var:KlappIDCounter}} }}} }}
-</div>
+ | Link oeffnen = {{#ifeq: {{{Link oeffnen|}}}|none||{{{Link oeffnen|}}} }}
-</div>
+ | Link schliessen = {{#ifeq: {{{Link schliessen|}}}|none||{{{Link schliessen|}}} }}
-<br clear="all">
+ | Linkfarbe = {{{Linkfarbe|}}}
-</div>
+ | Status = {{#ifeq:{{{aufgeklappt|{{{ausgeklappt|}}}}}}|ja|auf|zu}}
-</includeonly>
+ | position = top
-<hr>
+ | beide = {{{beide|{{{extendMode|}}}}}}
-<noinclude>
+ | springen = {{{springen|}}}
-==Beispiel==
+}}{{#if:{{{Titel|}}}
-{{Klappbox|Bild=Pictograms-nps-misc-camera.svg
+ | <span style="float:left; margin-left: 5px;">{{{Titel|}}}</span>
-|Titel=Klappbox Nr. 1
+}}<html>
-|Text=Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+</span>
-|Bearbeiten1=Dummylink
-|Bearbeiten2=Klappbox 1
+<div style="float:right;">&nbsp;</div>
-}}
-==Quelltext==
+<!--balken überschrift--></div>
-<pre>
-{{Klappbox|Bild=Pictograms-nps-misc-camera.svg
+<!--außen-->
-|Titel=Klappbox Nr. 1
+<div style="width:99%; margin: auto; text-align:center; border-collapse: collapse; overflow:auto;">
-|Text=Testtext
-|Bearbeiten1=Dummylink
+<!--innen-->
-|Bearbeiten2=Klappbox 1
+<div style="padding-left:</html>{{{padding-left|1em}}}<html>; padding-right:</html>{{{padding-right|0.3em}}}<html>; text-align:left; border-collapse: collapse; overflow:auto;">
-}}
-</pre>
+<!-- kurze Version -->
-==Mehrere...==
-<div style="float:left; width:49%; ">
+<span id="</html>{{anchorencode:{{{id|{{#var:KlappIDCounter}} }}} }}_short<html>" style="display:</html>{{#ifeq:{{{aufgeklappt|{{{ausgeklappt|}}}}}}|ja|{{#ifeq:{{{beide|}}}|ja|inline|none}}|inline}}<html>">
-{{Klappbox|Bild=Pictograms-nps-misc-camera.svg
+</html>{{{kurz| {{{1|}}} }}}<html>
-|Titel=Klappbox Nr. 1
+</span>
-|Text=Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
-|Bearbeiten1=Dummylink
+<!-- lange Version -->
-|Bearbeiten2=Klappbox 1
-}}
+<span id="</html>{{anchorencode:{{{id|{{#var:KlappIDCounter}} }}} }}_long<html>" style="display:</html>{{#ifeq:{{{aufgeklappt|{{{ausgeklappt|}}}}}}|ja|inline|none}}<html>">
-{{Klappbox|Bild=BicycleTrailNPS0.png
+</html>{{#var:introtemplate}}
-|Titel=Klappbox Nr. 2
+{{{lang| {{{2| {{{Inhalt|}}} }}} }}}
-|Text=Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
+{{#var:outrotemplate}}<html>
-|Bearbeiten1=Dummylink
+</span>
-|Bearbeiten2=Klappbox 2
-}}
+<!--innen--></div>
-{{Klappbox|Bild=Pictograms-nps-accommodations-sleeping shelter.svg
+<!--außen--></div>
-|Titel=Klappbox Nr. 3
-|Text=Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
+</html>{{#vardefine:LinkUntenAnzeigen
-|Bearbeiten1=Dummylink
+| {{#ifeq: {{{Link unten|}}} | auto
-|Bearbeiten2=Klappbox 3
+    | {{#ifeq:{{{aufgeklappt|{{{ausgeklappt|}}}}}} | ja }}
-}}
+    | {{{Link unten|}}}
-</div>
+  }}
-<div style="float:right; width:49%; ">
+}}{{ Klappbox/Link
-{{Klappbox|Bild=MuseumNPS0.png
+  | id = {{anchorencode:{{{id|{{#var:KlappIDCounter}} }}} }}
-|Titel=Klappbox Nr. 4
+  | Link oeffnen = {{#ifeq: {{{Link oeffnen|}}}|none||{{{Link oeffnen|}}} }}
-|Text=Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
+  | Link schliessen = {{#ifeq: {{{Link schliessen|}}}|none||{{{Link schliessen|}}} }}
-|Bearbeiten1=Dummylink
+  | Linkfarbe = {{{Linkfarbe|}}}
-|Bearbeiten2=Klappbox 4
+  | Status = {{#ifeq:{{{aufgeklappt|{{{ausgeklappt|}}}}}}|ja|auf|zu}}
-}}
+  | position = bottom
-{{Klappbox|Bild=BoatlaunchNPS0.png
+  | beide = {{{beide|{{{extendMode|}}}}}}
-|Titel=Klappbox Nr. 5
+  | springen = {{{springen|}}}
-|Text=Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
+  | display = {{#if: {{#var:LinkUntenAnzeigen|}} | block | none }}
-|Bearbeiten1=Dummylink
+}}<html>
-|Bearbeiten2=Klappbox 5
-}}
+<!--hauptrahmen--></div>
-</div>
+</html>{{#ifeq:{{{nebeneinander|}}}
+   | ja
+   | <!-- wenn nebeneinander = ja, dann kein div clear:left -->
+   | <html>
+ <!-- bei fester Breite notwendig: "clear:left", damit die nächste Überschrift nicht rechts daneben gequetscht wird (sonst auch, damit gleicher Abstand zwischen Boxen) -->
+     <div style="clear:left"></div>
+     </html>
+}}<html>
+</html></onlyinclude><noinclude>
+[[Category:Vorlagen|{{PAGENAME}}]]
+* [[Vorlage:Klappbox/Doku]]
+* [[Vorlage:Klappbox/Test#Klappbox3]]
+</noinclude>