Last Updated on 11/10/2021 by MTE Leben
In diesem Tutorial erfahren Sie, wie Sie das Styling von Abschnitten und Zeilen in Power Builder verwalten.
Seiten werden mit Hilfe von Abschnitten erstellt, wobei jeder Abschnitt aus Zeilen besteht. Sie können ganz einfach benutzerdefinierten Stil für jeden Abschnitt oder jede Zeile hinzufügen. Werfen wir einen genaueren Blick auf die Stileinstellungen.
Einstellungen für den Abschnittsstil Um die Abschnittsstileinstellungen zu öffnen, klicken Sie auf die Registerkarte Einstellungen in der oberen rechten Ecke des Abschnittsfelds. Im Popup-Fenster können Sie folgende Stileinstellungen festlegen:
Hintergrundbild. Wenn definiert, wird das Bild als Hintergrund für das Modul verwendet. Um ein Hintergrundbild zu entfernen, löschen Sie einfach die URL aus dem Einstellungsfeld.
Deaktivieren Sie die Option “Transparenter Hintergrund”, um Ihrem Abschnitt eine Hex-Hintergrundfarbe hinzuzufügen. Wenn Sie diese Option aktivieren, wird die Hintergrundfarbe dieses Abschnitts entfernt, sodass die Hintergrundfarbe der Website oder das Hintergrundbild durchscheinen.
Sie können Hintergrundvideos für bestimmte Bereiche Ihrer Website verwenden. Laden Sie Ihre Videodateien in Hintergrundvideofelder hoch.
Bitte beachten Sie! Alle Videos sollten sowohl im MP4- als auch im WEBM-Format hochgeladen werden, um eine maximale Kompatibilität mit allen Browsern zu gewährleisten. Videohintergründe sind auf Mobilgeräten deaktiviert. Stattdessen wird Ihr Hintergrundbild verwendet. Aus diesem Grund sollten Sie sowohl ein Hintergrundbild als auch ein Hintergrundvideo definieren, um beste Ergebnisse zu erzielen. Außerdem können Sie die Höhe und Breite des Hintergrundvideos einstellen und zulassen, dass das Video von anderen Spielern angehalten wird, wenn sie mit der Wiedergabe beginnen.
Parallaxe aktivieren/deaktivieren Wirkung. Wenn die Option Parallaxeeffekt verwenden aktiviert ist, bleibt Ihr Hintergrundbild beim Scrollen fixiert.
Benutzerdefinierten Auffüllungsabschnitt hinzufügen ermöglicht Ihnen, die Abschnittsauffüllungseinstellungen für Ihren Abschnitt anzupassen. Sie können hier benutzerdefinierte Pässe für verschiedene Geräte hinzufügen. Lassen Sie es leer, um den Standardabstand zu verwenden.
Mit der Option Anzeige an können Sie den Abschnitt auf ausgewählten Geräten aktivieren/deaktivieren.
Zeilenstil-Einstellungen Jeder Abschnitt kann mehrere Zeilen enthalten. Das erste, was Sie hier tun können, ist das Zeilenlayout zu ändern. Klicken Sie oben rechts auf die Schaltfläche Struktur ändern und wählen Sie eine der verfügbaren Voreinstellungen aus.
Jetzt können Sie mit den Stileinstellungen fortfahren. Klicken Sie in derselben Ecke auf die Registerkarte Einstellungen, um die Einstellungen für den Zeilenstil zu ändern.
Im Popup-Fenster „Reihenmoduleinstellungen“ werden mehrere Registerkarten angezeigt:
Die Registerkarte „Allgemeine Einstellungen“ ermöglicht Ihnen, grundlegende Stileinstellungen zu ändern. Sie können hier die folgenden Änderungen vornehmen:
Machen Sie die Zeile auf volle Breite. Aktivieren Sie diese Option, damit Ihre Zeile die volle Breite hat. Sie können die Zeile bis zum Rand des Browserfensters erweitern.
Aktivieren Sie die Option Benutzerdefinierte Breite verwenden, um eine benutzerdefinierte Breite für die Zeile einzurichten.
Benutzerdefinierte Rastereinstellungen ändern und anpassen
Benutzerdefiniertes Auffüllen auf Mobilgeräten aktivieren oder deaktivieren.
Wählen Sie aus, ob die Zeile auf verschiedenen Geräten deaktiviert oder aktiviert ist unter dem Abschnitt Anzeigen an.
Erweiterte Designeinstellungen ermöglicht die Verwaltung der folgenden Einstellungen:
Benutzerdefinierten Hintergrund für die Zeile hinzufügen. Sie können hier Hex-Farbe, Hintergrundbild oder Video verwenden. Die Anforderungen an die Hintergrundbilder und Videos sind die gleichen wie für die Abschnitte.
Legen Sie benutzerdefinierte Ränder für den Block in den Feldern für benutzerdefinierten Rand fest. Sie können für verschiedene Geräte unterschiedliche Ränder verwenden.
Aktivieren/Deaktivieren des Parallax-Effekts. Wenn Parallaxeeffekt verwenden auf Ja eingestellt ist, müssen Sie Parallaxenmethode auswählen. Sie haben hier zwei Möglichkeiten: CSS und True Parallax.
Spaltenhöhen angleichen.
Außerdem können Sie verschiedene Hintergründe für die in der Zeile enthaltenen Spalten einrichten. Hier können Sie die Spaltenreihenfolge auf verschiedenen Geräten ändern, die vertikale Spaltenausrichtung ändern und die Spaltenhintergrundfarbe einrichten Hinzufügen von benutzerdefinierten CSS-Eigenschaften zu bestimmten Abschnitten auf Ihrer Website. Es ermöglicht Ihnen, die Anpassung von CSS-Dateien zu vermeiden.
Jetzt wissen Sie, wie Sie Abschnitte und Zeilenstile ändern. Bald kommen neue Hacks!
