Vorlage:Klappbox: Unterschied zwischen den Versionen

Aus Fahrradmonteur
Wechseln zu: Navigation, Suche
(Änderung 168095 von Ebroock@devwag00 (Diskussion) rückgängig gemacht.)
 
 
(17 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
<onlyinclude>{{
+
__NOTOC__
  #vardefine:KlappIDCounter|
+
<includeonly>
  {{#if:{{#var:KlappIDCounter}}|
+
<div style="
    {{#expr: {{#var:KlappIDCounter}} +1 }}|
+
background-color:#e1e1e1;
    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%);
  #vardefine:introtemplate
+
background-image: linear-gradient(white 0%, #9FBFD2 100%);
  |{{#if: {{{introtemplate|}}} | {{Vorlage:{{{introtemplate}}}}} }}
+
border-radius:0 45px 0 0;
}}{{
+
-moz-border-radius:0 45px 0 0;
  #vardefine:outrotemplate
+
-webkit-border-radius:45px;
  |{{#if: {{{outrotemplate|}}} | {{Vorlage:{{{outrotemplate}}}}} | {{#if: {{{introtemplate|}}} | {{Vorlage:Klappbox_ask/standard_outrotemplate}} }} }}
+
-webkit-border-top-left-radius:0;
}}<html>
+
-webkit-border-bottom-left-radius:0;}
 
+
-webkit-border-bottom-right-radius:0;}
<!-- KLAPPBOX </html>{{{Titel|}}}<html> :) -->
+
-moz-box-shadow:3.5px 3.5px 5px #787878;
 
+
-webkit-box-shadow:3.5px 3.5px 5px #787878;
<!--hauptrahmen-->
+
box-shadow:3.5px 3.5px 5px #787878;
<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;" >
+
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 style="float:left; ">[[File:{{{Bild}}}|55px]]</div><br>
<!--balken überschrift-->
+
<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>
 
+
<div class="wikitable mw-collapsible mw-collapsed">
<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;">
+
<hr><br>
 
+
{{{Text}}}
<span style="float:left; padding:0 0.25em 0 0;"></html>{{ Klappbox/Link
+
<div class="editbutton" style="text-align: right; ">
| id = {{anchorencode:{{{id|{{#var:KlappIDCounter}} }}} }}
+
{{Bearbeiten|{{{Bearbeiten1}}}|text=« edit {{{Bearbeiten2}}} »}}
| Link oeffnen = {{#ifeq: {{{Link oeffnen|}}}|none||{{{Link oeffnen|}}} }}
+
</div>
| Link schliessen = {{#ifeq: {{{Link schliessen|}}}|none||{{{Link schliessen|}}} }}
+
</div>
| Linkfarbe = {{{Linkfarbe|}}}
+
<br clear="all">
| Status = {{#ifeq:{{{aufgeklappt|{{{ausgeklappt|}}}}}}|ja|auf|zu}}
+
</div>
| position = top
+
</includeonly>
| beide = {{{beide|{{{extendMode|}}}}}}
+
<hr>
| springen = {{{springen|}}}
+
<noinclude>
}}{{#if:{{{Titel|}}}
+
==Beispiel==
| <span style="float:left; margin-left: 5px;">{{{Titel|}}}</span>
+
{{Klappbox|Bild=Pictograms-nps-misc-camera.svg
}}<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, 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.
 
+
|Bearbeiten1=Dummylink
<div style="float:right;">&nbsp;</div>
+
|Bearbeiten2=Klappbox 1
 
+
}}
<!--balken überschrift--></div>
+
==Quelltext==
 
+
<pre>
<!--außen-->
+
{{Klappbox|Bild=Pictograms-nps-misc-camera.svg
<div style="width:99%; margin: auto; text-align:center; border-collapse: collapse; overflow:auto;">
+
|Titel=Klappbox Nr. 1
 
+
|Text=Testtext
<!--innen-->
+
|Bearbeiten1=Dummylink
<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;">
+
|Bearbeiten2=Klappbox 1
 
+
}}
<!-- kurze Version -->
+
</pre>
 
+
==Mehrere...==
<span id="</html>{{anchorencode:{{{id|{{#var:KlappIDCounter}} }}} }}_short<html>" style="display:</html>{{#ifeq:{{{aufgeklappt|{{{ausgeklappt|}}}}}}|ja|{{#ifeq:{{{beide|}}}|ja|inline|none}}|inline}}<html>">
+
<div style="float:left; width:49%; ">
</html>{{{kurz| {{{1|}}} }}}<html>
+
{{Klappbox|Bild=Pictograms-nps-misc-camera.svg
</span>
+
|Titel=Klappbox Nr. 1
 
+
|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,
<!-- lange Version -->
+
|Bearbeiten1=Dummylink
 
+
|Bearbeiten2=Klappbox 1
<span id="</html>{{anchorencode:{{{id|{{#var:KlappIDCounter}} }}} }}_long<html>" style="display:</html>{{#ifeq:{{{aufgeklappt|{{{ausgeklappt|}}}}}}|ja|inline|none}}<html>">
+
}}
</html>{{#var:introtemplate}}
+
{{Klappbox|Bild=BicycleTrailNPS0.png
{{{lang| {{{2| {{{Inhalt|}}} }}} }}}
+
|Titel=Klappbox Nr. 2
{{#var:outrotemplate}}<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,
</span>
+
|Bearbeiten1=Dummylink
 
+
|Bearbeiten2=Klappbox 2
<!--innen--></div>
+
}}
<!--außen--></div>
+
{{Klappbox|Bild=Pictograms-nps-accommodations-sleeping shelter.svg
 
+
|Titel=Klappbox Nr. 3
</html>{{#vardefine:LinkUntenAnzeigen
+
|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,
| {{#ifeq: {{{Link unten|}}} | auto
+
|Bearbeiten1=Dummylink
    | {{#ifeq:{{{aufgeklappt|{{{ausgeklappt|}}}}}} | ja }}
+
|Bearbeiten2=Klappbox 3
    | {{{Link unten|}}}
+
}}
  }}
+
</div>
}}{{ Klappbox/Link
+
<div style="float:right; width:49%; ">
  | id = {{anchorencode:{{{id|{{#var:KlappIDCounter}} }}} }}
+
{{Klappbox|Bild=MuseumNPS0.png
  | Link oeffnen = {{#ifeq: {{{Link oeffnen|}}}|none||{{{Link oeffnen|}}} }}
+
|Titel=Klappbox Nr. 4
  | Link schliessen = {{#ifeq: {{{Link schliessen|}}}|none||{{{Link schliessen|}}} }}
+
|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,
  | Linkfarbe = {{{Linkfarbe|}}}
+
|Bearbeiten1=Dummylink
  | Status = {{#ifeq:{{{aufgeklappt|{{{ausgeklappt|}}}}}}|ja|auf|zu}}
+
|Bearbeiten2=Klappbox 4
  | position = bottom
+
}}
  | beide = {{{beide|{{{extendMode|}}}}}}
+
{{Klappbox|Bild=BoatlaunchNPS0.png
  | springen = {{{springen|}}}
+
|Titel=Klappbox Nr. 5
  | display = {{#if: {{#var:LinkUntenAnzeigen|}} | block | none }}
+
|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>
+
|Bearbeiten1=Dummylink
 
+
|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>
+

Aktuelle Version vom 25. Juli 2013, 15:45 Uhr



Beispiel[Quelltext bearbeiten]

Pictograms-nps-misc-camera.svg

Klappbox Nr. 1


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.



Quelltext[Quelltext bearbeiten]

{{Klappbox|Bild=Pictograms-nps-misc-camera.svg
|Titel=Klappbox Nr. 1
|Text=Testtext
|Bearbeiten1=Dummylink
|Bearbeiten2=Klappbox 1
}}

Mehrere...[Quelltext bearbeiten]


Pictograms-nps-misc-camera.svg

Klappbox Nr. 1


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,




BicycleTrailNPS0.png

Klappbox Nr. 2


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,




Pictograms-nps-accommodations-sleeping shelter.svg

Klappbox Nr. 3


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,




MuseumNPS0.png

Klappbox Nr. 4


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,




BoatlaunchNPS0.png

Klappbox Nr. 5


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,