Persönliche Karten enthalten Inhalte und Aktionen zu einem einzelnen Thema (meist grundlegende Informationen über eine Personen).

Grundeinstellungen

Veröffentlichungseinstellungen

Setzen Sie das Anfangs- und Enddatum der Veröffentlichung. Dadurch wird die ui/Theme-Builder-Komponente nur für den angegebenen Zeitraum veröffentlicht. Wenn Sie sowohl das Startdatum als auch das Enddatum der Veröffentlichung festlegen, wird die ui/Theme-Builder-Komponente nur zwischen dem Anfangs- und dem Enddatum angezeigt.

Veröffentlichung starten

Wenn Sie nur das Startdatum der Veröffentlichung festlegen und nicht das Enddatum, beginnt Joomla! die ui/Theme-Builder-Komponente am angegebenen Anfangsdatum der Veröffentlichung anzuzeigen, und sie wird nie aufhören, die Komponente anzuzeigen.

Veröffentlichung beenden

Wenn Sie nur das Enddatum der Veröffentlichung festlegen und nicht das Startdatum, zeigt Joomla! die ui/Theme-Builder-Komponente an, sobald Sie sie aktiviert haben, und stoppt die Anzeige der Komponente, sobald das Enddatum erreicht ist.

Label

Definieren Sie einen Namen, um dieses Element im Theme-Builder leicht zu identifizieren.

Position

Positionieren Sie die Komponente im normalen Inhaltsfluss, jedoch mit einem relativen Versatz.

Links

Wenn position: relative; - definiert die Eigenschaft „left“ den linken Rand eines Elements in einer Einheit links/rechts von seiner normalen Position.
Wenn position: absolute; - definiert die Eigenschaft „left“ den linken Rand eines Elements in einer Einheit links vom linken Rand seines nächstgelegenen positionierten Vorfahren. (z.B. 20% oder 50px ...)

Rechts

Wenn position: relative; - definiert die Eigenschaft „right“ den rechten Rand eines Elements in einer Einheit links/rechts von seiner normalen Position.
Wenn position: absolute; - definiert die Eigenschaft „right“ den rechten Rand eines Elements in einer Einheit rechts vom rechten Rand seines nächstgelegenen positionierten Vorfahren. (z.B. -20% oder 50px ...)

Oben

Wenn position: relative; - bewegt die Eigenschaft „top“ den oberen Rand eines Elements über/unter seine normale Position.
Wenn position: absolute; - setzt die Eigenschaft „top“ den oberen Rand eines Elements in eine Einheit über/unter dem oberen Rand seines nächstgelegenen positionierten Vorfahren. (z.B. -20% oder 50px ...)

Unten

Wenn position: relative; - bewegt die Eigenschaft „bottom“ den unteren Rand eines Elements über/unter seine normale Position.
Wenn position: absolute; - setzt die Eigenschaft „bottom“ den unteren Rand eines Elements in eine Einheit über/unter dem unteren Rand seines nächstgelegenen positionierten Vorfahren. (z.B. 10% oder 50px ...)

z-index

Die Z-Index-Eigenschaft gibt die Stapelreihenfolge eines Elements an. Z-Index funktioniert nur bei positionierten Elementen (position: absolute, position: relative).

Anzeigen

Wählen Sie eine der folgenden Optionen, um das Element für Bildschirme größer als die angegebene Breite anzuzeigen.

Versteckt

Wählen Sie eine der folgenden Optionen, um das Element für Bildschirme größer als die angegebene Breite auszublenden.

Animationsverzögerung

Gesamtzeit in Sekunden, um die Anzahl der Inkrementierungen abzuschließen.

Klasse

Definieren Sie einen oder mehrere Klassennamen für das Element. Trennen Sie mehrere Klassen durch Leerzeichen.

ID

ID-Selektor für das Element.

Titeleinstellungen

Titel anzeigen

Wenn auf „Ja“ gesetzt, wird diese Option den Komponententitel im Frontend aktivieren.

Titel

Geben Sie Text ein, der als Komponententitel verwendet wird.

HTML-Tag für Titel

Wählen Sie ein HTML-Tag für den Titel aus.

Schriftgröße

Setzen Sie die Schriftgröße des Titels für diesen Selektor.

Schriftstärke

Legen Sie das Schriftstärke des Titels für diesen Selektor fest.

Titelstil

Wählen Sie einen Stilmodifikator für den Titel aus.

Titelfarbe

Wählen Sie eine Titelfarbe.

Untertitel anzeigen

Ja oder Nein.

Stileinstellungen

Addon-Abstand

Wählen Sie einen Abstand für die Komponente.

Inhalt

Geben Sie Text ein, der als Komponenteninhalte verwendet wird. (HTML ist erlaubt)

Facebook

Link zur Facebook-Seite.

Twitter

Link zur Twitter-Seite.

Instagram

Link zur Instagram-Seite.

LinkedIn

Link zur LinkedIn-Seite.

YouTube

Link zur YouTube-Seite.

Tumblr

Link zur Tumblr-Seite.

Vimeo

Link zur Vimeo-Seite.

Flickr

Link zu Ihrer Flickr-Galerie.

Pinterest

Link zu Ihrer Pinterest-Galerie.

Sozial-Icons Ziel

Wählen Sie, wie die sozialen Links geöffnet werden sollen.

Große Sozial-Icons?

Ja oder Nein.

Position der Sozial-Icons

Wählen Sie die Position der Sozial-Icons.

Raster: Höhe anpassen

Wählen Sie „Ja“, um die Höhe des direkten Kindes jeder Zelle anzupassen.

Button-Text

Geben Sie Text ein, der als Button-Text verwendet wird.

URL

Leer lassen, um einen 'Menü-Link' auszuwählen.

Menü-Link auswählen.

Wählen Sie einen verfügbaren Link aus.

Button-Ziel

Wählen Sie, wie der Link geöffnet werden soll.

Button-Symbol

Wählen Sie ein Font-Awesome-Icon für den Button.

Button-Größe

Wählen Sie die Button-Größe aus.

Button-Typ

Legen Sie den Button-Typ fest.

Kartenstil

Wählen Sie einen Kartenstil aus.

Karten-Hover-Modifikator?

Ja oder Nein.

Kartengröße

Wählen Sie eine Kartengröße aus.

Karten-Badge?

Geben Sie Text ein, der als Karten-Badge verwendet wird.

Element-Bild

Verwenden Sie ein Bild.

'alt'-Attribut für Bild festlegen

Das erforderliche „alt“-Attribut gibt einen alternativen Text für ein Bild an, falls das Bild nicht angezeigt werden kann.

Bildposition

Wählen Sie eine Bildposition aus.

Animationseinstellungen

Scrollspy-Animation

Die Scrollspy-Komponente hört auf das Scrollen der Seite und löst Ereignisse basierend auf der Scrollposition aus. Wenn Sie beispielsweise eine Seite nach unten scrollen und ein Element zum ersten Mal im Ansichtsbereich erscheint, können Sie eine sanfte Animation auslösen, um das Element einblenden zu lassen.

Box-Parallax-Animation verwenden?

Ja oder Nein. (Mehr erfahren)