Vorlage:Waben/Bilderwabe: Unterschied zwischen den Versionen

imported>Mibadmin
 
imported>Aploeger
 
Zeile 1: Zeile 1:
 
<includeonly>{{#tag:html|
 
<includeonly>{{#tag:html|
       <li class="hex">
+
       <li class="hexItem hex">
 
         <div class="hexIn">
 
         <div class="hexIn">
 
           <a class="hexLink {{{klasse|}}}"  
 
           <a class="hexLink {{{klasse|}}}"  

Aktuelle Version vom 16. Oktober 2023, 14:44 Uhr

Achtung!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.

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

Verwendung

Fügen Sie den Code

{{Waben/Start}}{{Waben/Bilderwabe|titel=Überschrift|text=Kleine Beschreibung in der Wabe|link=|bildquelle=https://farm7.staticflickr.com/6139/5986939269_10721b8017.jpg}}{{Waben/Ende}}

ein und ändern Sie Text, Link, Wabenfarbe und Textfarbe.

Wichtig!In PDF Exporten werden die Waben aus technischen Gründen sowie zur besseren Lesbarkeit mit hellgrauem Hintergrund und schwarzer Schrift dargestellt.

Variablen

  • titel: Der größere Text in dem oberen Wabenfeld
  • text: Der kleine Text in dem unteren Wabenfeld
  • link: Der Link auf den die Wabe zeigt. Dabei ist es möglich den Link zu einer absoluten URL zu setzen oder auf einen Seitentitel in diesem Wiki, indem man den exakten Seitentitel 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
  • bildquelle: Die Bildquelle als absolute oder relative URL
  • wabenfarbe: Die Hintergrundfarbe der Wabe im Hex-Format mit führendem Hashtag # (von #000000 - #ffffff).
  • textfarbe: Die Textfarbe der Wabe im Hex-Format mit führendem Hashtag # (von #000000 - #ffffff).

Vorschau

Informationen zu dieser Vorlage

Waben Element mit Bild und Text-Overlay // Muss mit "Waben/Start" und "Waben/Ende" eingeschlossen werden

Vorlagenparameter

ParameterBeschreibungTypStatus
Überschrifttitel

Text im oberen Bereich des Overlays

Standard
leer
Beispiel
leer
Autowert
leer
Zeilevorgeschlagen
Texttext

Text im unteren Bereich des Overlays

Standard
leer
Beispiel
leer
Autowert
leer
Zeilevorgeschlagen
Link der Wabelink

Kann entweder ein Seitenname aus diesem Wiki sein oder ein absoluter Link zu einer externen Seite.

Standard
leer
Beispiel
Intern:QM Dokumentation ODER https://www.copiki.de
Autowert
leer
Zeilevorgeschlagen
Anker/Sprungziel für den Linkanker

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.

Standard
leer
Beispiel
leer
Autowert
leer
Zeilevorgeschlagen
Hintergrundbild URLbildquelle

URL für das Hintergrundbild

Standard
leer
Beispiel
leer
Autowert
leer
URLvorgeschlagen
CSS Klasseklasse

Hier kann dem Element eine CSS-Klasse mitgegeben werden.

Standard
leer
Beispiel
leer
Autowert
leer
Zeileoptional