Quelltext der Seite Vorlage:Waben/Wabe

<includeonly>{{#tag:html|
        <li class="hexItem hex">
          <div class="hexIn">
            <a class="hexLink {{{klasse|}}}"
{{#if:{{{link|}}}| href="{{#ifeq:{{#pos:{{{link|}}}|http}}
|0|{{{link|}}}{{#if:{{{anker|}}}|#{{anchorencode:{{{anker|}}}}}|}}|{{#switch:{{#pos:{{{link|}}}|index.php?}}
|0={{SERVER}}{{SCRIPTPATH}}/{{{link|}}}{{#if:{{{anker|}}}|#{{anchorencode:{{{anker|}}}}}|}}
|1={{SERVER}}{{SCRIPTPATH}}{{{link|}}}{{#if:{{{anker|}}}|#{{anchorencode:{{{anker|}}}}}|}}
|#default={{fullurl:{{{link|}}}}}{{#if:{{{anker|}}}|#{{anchorencode:{{{anker|}}}}}|}}
}}
}}"|
{{#if:{{{anker|}}}|href="#{{anchorencode:{{{anker|}}}}}"|}}
}}
 style="{{#if:{{{wabenfarbe|}}}|background-color:{{{wabenfarbe|}}} !important;|}}">
              <div class="bg-animation-overlay"> </div>
              <div class="content" style="{{#if:{{{textfarbe|}}}|color:{{{textfarbe|}}} !important;|}}">{{#if:{{{text|}}}|{{{text|}}}|&nbsp;}}</div>
            </a>
          </div>
        </li>
<!-- PDF Wabe -->
<li class="pdfhex only-pdf">
<div class="hexTab">
<a class="hexLink external text"
{{#if:{{{link|}}}| href="{{#ifeq:{{#pos:{{{link|}}}|http}}
|0|{{{link|}}}{{#if:{{{anker|}}}|#{{anchorencode:{{{anker|}}}}}|}}|{{#switch:{{#pos:{{{link|}}}|index.php?}}
|0={{SERVER}}{{SCRIPTPATH}}/{{{link|}}}{{#if:{{{anker|}}}|#{{anchorencode:{{{anker|}}}}}|}}
|1={{SERVER}}{{SCRIPTPATH}}{{{link|}}}{{#if:{{{anker|}}}|#{{anchorencode:{{{anker|}}}}}|}}
|#default={{fullurl:{{{link|}}}}}{{#if:{{{anker|}}}|#{{anchorencode:{{{anker|}}}}}|}}
}}
}}"|
{{#if:{{{anker|}}}|href="#{{anchorencode:{{{anker|}}}}}"|}}
}} >
{{{text|}}}</a>
</div>
</li>

}}</includeonly><noinclude>{{Hinweisbox|Note text='''Diese Wiki-Seite bitte nicht bearbeiten.''' Durch die Veränderung dieser Vorlage können Darstellungen verschiedenster Inhalte in Ihrem Copiki signifikant modifiziert oder Funktionen unbrauchbar gemacht werden.|boxtype=Warnung|icon=ja}}

Erzeugt eine Wabe, die beliebig mit Farben, Text und Link angepasst werden kann.

==Verwendung==
Fügen Sie den Code

<pre>{{Waben/Wabe|text=Dies ist ein Testziel|link=|anker=Variablen|klasse=tile1|wabenfarbe=#9d9d9d|textfarbe=#f7f7f7}}</pre>
ein und ändern Sie Text, Link, Wabenfarbe und Textfarbe.


Wenn Sie hinter einer Wabe eine neue Seite erstellen wollen, können Sie als Zielname (Variable "link") eine noch nicht existierende Seite wählen. Sie bekommen dann bei dem ersten Besuch die Option für das Erstellen der ausgewählten Seite.

{{Hinweisbox|boxtype=Wichtig|icon=ja|Note text=In PDF Exporten werden die Waben aus technischen Gründen sowie zur besseren Lesbarkeit mit hellgrauem Hintergrund und schwarzer Schrift dargestellt.}}

==Variablen==

*'''text''': Der Text in dem Wabenfeld / Beschreibung des Ziels
*'''link''': Der Link auf den die Wabe zeigt. Dabei ist es möglich den Link auf einen Seitentitel in diesem Wiki oder zu einer absoluten URL zu setzen, indem man entweder den exakten Seitentitel (inklusive Namensraum) in die Variable "link" einträgt.
*'''anker''': Setzt eine Sprungmarke zu einem Anker in der Ziel-Seite. (ohne das Zeichen "#") Dies kann z.B. eine Überschrift sein (diese kopieren und hier einfügen)
*'''klasse''': Eine zusätzliche CSS Klasse für den Link-Teil der Wabe
*'''wabenfarbe''': Die Hintergrundfarbe der Wabe im Hex-Format mit führendem Hashtag <code>#</code> (von <code>#000000</code> - <code>#ffffff</code>).
*'''textfarbe''': Die Textfarbe der Wabe im Hex-Format mit führendem Hashtag <code>#</code> (von <code>#000000</code> - <code>#ffffff</code>).

==Vorschau==
{{Waben/Start}}
{{Waben/Wabe|text=Dies ist ein Testziel|link=|anker=Variablen|klasse=tile1|wabenfarbe=#9d9d9d|textfarbe=#f7f7f7}}
{{Waben/Ende}}
==Informationen zu dieser Vorlage==
<templatedata>
{
	"params": {
		"klasse": {
			"label": "CSS Klasse",
			"description": "Hier kann dem Element eine CSS-Klasse mitgegeben werden.",
			"type": "line"
		},
		"link": {
			"label": "Link der Wabe",
			"description": "Kann entweder ein Seitenname aus diesem Wiki sein oder ein absoluter Link zu einer externen Seite.",
			"example": "Intern:QM Dokumentation ODER https://www.copiki.de",
			"type": "line",
			"suggested": true
		},
		"anker": {
			"label": "Anker/Sprungziel für den Link",
			"description": "Hier kann ein Anker/Sprungziel auf der Zielseite des Links angegeben werden. Anker können z.B. Überschriften (Komplett kopieren und hier einfügen) oder andere HTML-Anker (HTML-Element ID) sein.",
			"type": "line",
			"suggested": true
		},
		"wabenfarbe": {
			"label": "Wabenfarbe",
			"description": "Wabenfarbe im HEX HTML-Farbcode",
			"example": "#C0143C",
			"suggested": true,
			"type": "line"
		},
		"textfarbe": {
			"label": "Textfarbe",
			"description": "Textfarbe im HEX HTML-Farbcode",
			"example": "#FFFFFF",
			"type": "line",
			"suggested": true
		},
		"text": {
			"label": "Text in der Wabe",
			"description": "Dieser Text erscheint auf der Wabe.",
			"type": "line",
			"suggested": true
		}
	},
	"description": "Waben Element // \nMuss mit \"Waben/Start\" und \"Waben/Ende\" eingeschlossen werden",
	"paramOrder": [
		"text",
		"link",
		"anker",
		"wabenfarbe",
		"textfarbe",
		"klasse"
	],
	"format": "inline"
}
</templatedata>

</noinclude>