Mercury Dokumentation

Reiter / Akkordeon:Der Formatter "Bildkachel-Darstellung"

Stellt eine Reihe von anklickbaren Bildkacheln dar. Bei Klick auf eine Bildkachel öffnet sich darunter ein Container mit dem Inhalt, ähnlich wie bei einem Akkordeon. Die aktive Kachel kann auf verschiedene Arten hervorgehoben werden.

Zurück

Es dürfen nicht mehr als 12 Bildkacheln über die "Reiter / Akkordeon" Einträge im Inhalt angelegt werden. Bei mehr als 12 Einträgen werden die Bildkacheln nicht mehr korrekt angeordnet.

Akkordeon in Bildkachel-Darstellung

Man sieht eine feiernden Menschenmenge auf einer Tanzfläche mit stimmungsvoller Beleuchtung. Im Vordergrund formt eine Person mit den Händen ein Herz.
Das Akkordeon kann jetzt Kacheln!
Man sieht die Hände einer feiernden Menschenmenge im rotem Licht. Das Wort 'Community' wird verschwommen an die Wand darüber projiziert.

Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. Sehr bekannt dafür ist dieser: The quick brown fox jumps over the lazy old dog.

Seit 1975 fehlen in den meisten Testtexten die Zahlen, weswegen nach TypoGb. § 14a ab dem Jahr 2034 Zahlen in 86% der Texte zur Pflicht werden (AVAIL® and Wefox™). Nichteinhaltung wird mit bis zu 245 € oder 368 $ bestraft. Wichtig sind auch Âçcèñtë, ebenso wie Kapitälchen, Kerning oder Ligaturen (sehr pfiffig). Gerne werden heute auch Emojis wie z.B. 😇😀😉👍🏻🐶🍎 oder ⚽️ in Texten verwendet.

Die Menge feiert den Inhalts-Abschnitt

Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Sätze, die alle Buchstaben des Alphabets enthalten. Sehr bekannt dafür ist dieser: The quick brown fox jumps over the lazy old dog. Wichtig sind auch Âçcèñtë, ebenso wie Kapitälchen, Kerning oder Ligaturen (sehr pfiffig). Gerne werden heute auch Emojis wie z.B. 😇😀😉👍🏻🐶🍎 oder ⚽️ in Texten verwendet.

Das ist der Link
Sonnenuntergang fotografiert von der linken Rheinseite. Man sieht den Kölner Dom und die Hohenzollernbrücke.
Sonnenuntergang fotografiert von der linken Rheinseite. Man sieht den Kölner Dom und die Hohenzollernbrücke.
Sonnenuntergang fotografiert von der linken Rheinseite. Man sieht den Kölner Dom und die Hohenzollernbrücke.
Sonnenuntergang fotografiert von der linken Rheinseite. Man sieht den Kölner Dom und die Hohenzollernbrücke.
Sonnenuntergang fotografiert von der linken Rheinseite. Man sieht den Kölner Dom und die Hohenzollernbrücke.
Blick über den Rhein auf den Kölner Dom
Kölner Dom bei Nacht
Kölner Dom bei Nacht
Kölner Dom bei Nacht
Kölner Dom bei Nacht
Kölner Dom bei Nacht
Kölner Dom bei Nacht
Blick vom Kölner Dom
Blick vom Kölner Dom
Blick vom Kölner Dom
Blick vom Kölner Dom
Blick vom Kölner Dom
Blick vom Kölner Dom
Kölner Dom von vorne
Kölner Dom von vorne
Kölner Dom von vorne
Kölner Dom von vorne
Kölner Dom von vorne
Kölner Dom von vorne
Kölner Dom am Abend
Kölner Dom am Abend
Kölner Dom am Abend
Kölner Dom am Abend
Kölner Dom am Abend
Kölner Dom am Abend

Interaktive Beispiel-Landkarte

Schön anzusehen:Bilderserie zur Veranschaulichung

Ein Bild sagt mehr als 1000 Worte!
Datum:
1. Juli 2022
36 Bilder

Diese Bilderserie aus der Mercury Template Dokumentation enthält viele Bilder zur Veranschaulichung der Funktionen.

Von YouTube mit eigener ID:100 Jahre "Decker Pitter"

Ein besonderer Geburtstag am Kölner Dom
100 Jahre
5. Mai 2023
3:41

Der "Decke Pitter" – die Petersglocke des Kölner Domes – feierte am 5. Mai 2023 ihren 100. Geburtstag.

Verfügbare Element-Einstellungen

Ermöglicht die Anpassung der Element-Darstellung unter Verwendung vorgegebener CSS Modifikationen.

Die Farben können über den Themen-Generator unter "Erweitert > Weitere Farben" festgelegt werden.

Bitte beachten Sie, dass manche Elemente eventuell nicht jede hier aufgeführte Anpassung unterstützen.

Legt fest wie bzw. ob die Überschrift angezeigt wird.

Die Wichtigkeit ist, neben der Darstellungs-Größe, insbesondere für Suchmaschinen relevant (SEO).

Legt fest wie viele Bildkacheln nebeneinander auf kleinen Bildschirmen (XS, SM) angezeigt werden.
Legt fest wie viele Bildkacheln nebeneinander auf größeren Bildschirmen (ab MD) angezeigt werden.
Legt fest, wie viele Pixel breit der Abstand zwischen den Kacheln ist.

Legt fest ob direkt Elemente in die Reiter / Accordion Seiten eingefügt werden können, oder ob zunächst eine Layout-Zeile eingefügt werden muss.

Elemente direkt einfügen ist einfacher zu benutzen, legt das Layout aber auf 'Row 1 Spalte (12 - Voll)' fest.

Zunächst Layout-Zeile einfügen benötigt zusätzlichen Aufwand, ermöglicht aber ein flexibleres Layout mit Rows wie '6 - 6' oder '4 - 4 - 4'.

Legt die Hintergrundfarbe für den Text fest.

Legt die Farbe für den optionalen Button bzw. Rahmen für die aktive Bildkachel fest.

Ermöglicht es das Bildformat anhand von gängigen Formaten einzustellen.

Das Bild wird automatisch so skaliert, dass die tatsächlichen Pixel bestmöglich in das gewählte Ausgabeformat eingepasst werden.

Anstatt der Vorgaben können Sie manuell jedes beliebige Format angeben. Verwenden Sie "Breite-Höhe", zum Beispiel "5-1" für ein extrem breites Format.

Legt fest wie Überschrift, Text und Link ausgerichtet werden.

Versieht das Element mit einem Effekt, welcher ausgelöst wird wenn sich die Maus über dem Element befindet.

Für mobile Geräte ist der Effekt deaktiviert.

Legt fest wie die Überschrift auf die Bildkachel gelegt wird.
Öffnet den ersten Eintrag des Akkordeons wenn die Seite geladen wird.
Legt fest ob ein Button unter der aktiven Bildkachel angezeigt wird.
Legt fest ob die aktive Bildkachel durch einen Rahmen hervorgehoben wird.

Legt fest ob das Copyright für Bilder angezeigt wird.