Erstellen Sie einen Slider mit vielen Optionen.

Grundeinstellungen

Veröffentlichungsdatum-Einstellungen

Legen Sie die Start- und Enddaten für die Veröffentlichung fest. Dies bewirkt, dass die ui/Theme-Builder-Komponente nur für den angegebenen Zeitraum veröffentlicht wird. Wenn Sie sowohl das Start- als auch das Enddatum festlegen, wird die ui/Theme-Builder-Komponente nur zwischen dem Anfangs- und dem Enddatum angezeigt.

Start der Veröffentlichung

Wenn Sie nur das Startdatum und nicht das Enddatum festlegen, wird Joomla! die ui/Theme-Builder-Komponente ab dem angegebenen Startdatum anzeigen, aber nie aufhören, die Komponente anzuzeigen.

Ende der Veröffentlichung

Wenn Sie nur das Enddatum und nicht das Startdatum festlegen, wird Joomla! die ui/Theme-Builder-Komponente anzeigen, sobald Sie sie aktiviert haben, und sie nicht mehr anzeigen, 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, aber mit einem Versatz relativ zu sich selbst.

Links

Wenn position: relative; - legt die linke Eigenschaft die linke Kante eines Elements auf eine Einheit links/rechts von seiner normalen Position fest.
Wenn position: absolute; - legt die linke Eigenschaft die linke Kante eines Elements auf eine Einheit links von der linken Kante seines nächsten positionierten Vorfahren fest. (z.B. 20% oder 50px ...)

Rechts

Wenn position: relative; - legt die rechte Eigenschaft die rechte Kante eines Elements auf eine Einheit links/rechts von seiner normalen Position fest.
Wenn position: absolute; - legt die rechte Eigenschaft die rechte Kante eines Elements auf eine Einheit rechts von der rechten Kante seines nächsten positionierten Vorfahren fest. (z.B. -20% oder 50px ...)

Oben

Wenn position: relative; - bewegt die obere Kante des Elements über/unter seine normale Position.
Wenn position: absolute; - legt die obere Kante eines Elements auf eine Einheit über/unter der oberen Kante seines nächsten positionierten Vorfahren fest. (z.B. -20% oder 50px ...)

Unten

Wenn position: relative; - bewegt die untere Kante des Elements über/unter seine normale Position.
Wenn position: absolute; - legt die untere Kante eines Elements auf eine Einheit über/unter der unteren Kante seines nächsten positionierten Vorfahren fest. (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 von Bildschirmen größer als eine angegebene Breite auszublenden.

Klasse

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

ID

ID-Selektor für das Element.

Titel-Einstellungen

Titel anzeigen

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

Titel

Geben Sie Text ein, der als Komponententitel verwendet wird.

Titel-HTML-Tag

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

Schriftgröße

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

Schriftstärke

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

Titelstil

Wählen Sie einen Titelstil-Modifier.

Titelfarbe

Wählen Sie eine Titelfarbe.

Stil-Einstellungen

Addon-Abstand

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

Viewport-Höhe

Ja oder Nein.

Slider-Höhe

Setzen Sie die Höhe des Sliders fest.

Umgekehrte Farbe

Wählen Sie die 'hell'-Klasse, um die Sichtbarkeit von Objekten auf dunklen Hintergründen in einem hellen Stil zu verbessern. Wenn Sie einen dunklen Stil verwenden, fügen Sie die 'dunkel'-Klasse zu Elementen auf einem hellen Hintergrund hinzu.

Thumbnails-Breite festlegen

Geben Sie die Breite der Thumbnails in Pixel an. Trennen Sie mehrere Breiten mit einem Komma. (z.B. 300, 600, 1024) Für jede Breitenangabe wird ein Thumbnail erstellt und unter ../media/com_uithemebuilder/ui-themebuilder-thumb/[KOMPONENTENNAME]/ gespeichert.

Überlappende Overlays

Überlappende Overlays anzeigen Ja oder Nein.

Raster verwenden?

Ja oder Nein.

Bildtyp

Wählen Sie einen Bildtyp. Hintergrundbild oder HTML-Bild-Tag.

Slider-Autoplay?

Ja oder Nein.

Slider-Navigation anzeigen?

Ja oder Nein.

Umgekehrte Navigationsfarbe

Wählen Sie die 'light'-Klasse, um die Sichtbarkeit von Objekten auf dunklen Hintergründen in einem hellen Stil zu verbessern. Wenn Sie einen dunklen Stil verwenden, fügen Sie die 'dark'-Klasse zu Elementen auf einem hellen Hintergrund hinzu. (für Slider-Navigation)

Große Slider-Navigation?

Ja oder Nein.

Slider-Navigation außen?

Ja oder Nein.

Slider-Dotnav anzeigen?

Ja oder Nein.

Slider-Elemente zentrieren?

Ja oder Nein.

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)

Elementeinstellungen

Slider-Elemente

Fügen Sie Slider-Elemente hinzu oder entfernen Sie sie.