Volltextsuche
Hintergrundbilder global, pro Navigationspunkt oder pro Seite definieren
pro Seite definieren Veröffentlichungsdatum: 15. Januar 2018 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Hintergrundbilder können entweder global für alle Seiten, navigationsabhängig pro Navigationspunkt oder auch individuell für jede
Hintergrundbild dynamisch pro Navigationspunkt definieren
hintergrundbild background-image backgroundimage dynamisch pflege erben Dieser Artikel beschreibt, wie Sie das Hintergrundbild dynamisch durch den Pflegebenutzer setzen lassen können. Umsetzung über Portalinhalte Umsetzung manuell (ältere
-w-background-target
Mögliche Werte Beschreibung Einsatzgebiet beliebige jQuery/CSS3 Selektoren Definiert das Ziel eines Hintergrund-Elementes (z.B. Bannerbild) bannerSlider.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Setzt zur Variante 31
Bildergalerie: Hintergrundfarbe eingebetteter Bilder festlegen
BASE Bei eingebetteten Bildern wird der abgeschnittene Bereich mit einer weißen Farbe aufgefüllt. Diese Hintergrundfarbe können Sie individuell festlegen. Am Beispiel der Bildergalerie "Standard" (Variante 0, Großansicht mit Diavorschau)
Hintergrundfarbe und Schriftfarbe in Inhaltsbereichen (z.B. Fußbereich)
im Standard. Maske colors.scss zu Farben im Fußbereich Über die CSS-Datei für Farben (colors.scss) kann im Feld " Hintergrundfarbe des Fußbereiches " eine Farbe definiert werden. Sollte dies eine dunkle Farbe sein, kann unterhalb des Feldes die
Hintergrundbilder dynamisch anzeigen
07. Dezember 2022 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Über den Layout-Wizard können Sie ein Hintergrundbild der Seite definieren. Soll nicht immer das gleiche Bild erscheinen und auch nicht manuell ausgetauscht werden, stehen
So definieren Sie die Hintergrundfarbe für WYSIWYG-Felder im Editor
für WYSIWYG-Felder im Editor Veröffentlichungsdatum: 12. Mai 2010 Änderungsdatum: 24. September 2013 editor wysiwyg hintergrundfarbe hintergrundbild background formatierung Dieser Artikel beschreibt, wie Sie die Hintergrundfarbe und andere
Projektumsetzung mit dunklem Hintergrund und heller Schrift
2019 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Eine Vielzahl an Webseiten nutzt im Standard einen hellen Hintergrund mit schwarzer oder dunkler Schrift. Soll das Projekt einen dunklen Hintergrund und helle Schriftfarbe haben, sind die
Verhindern, dass die Lightbox onclick auf den Hintergrund geschlossen wird.
die Lightbox onclick auf den Hintergrund geschlossen wird. Das ist zum Beispiel dann der Fall, wenn in der Lightbox ein Anmeldeformular ausgefüllt wird etc.
So schreiben Sie Hintergrundbilder der Navigation in eine CSS-Datei
Navigation in eine CSS-Datei Veröffentlichungsdatum: 19. April 2010 Änderungsdatum: 11. Januar 2012 navigation css hintergrundbild hintergrundgrafik background-image Dieser Artikel beschreibt, wie Sie es einem Redakteur ermöglichen,
Wie wird eine Copyright-Angabe für Hintergrundbilder im Inhaltsbereich konfiguriert?
.elementSection { -w-option-backgroundimageAddCopyright:yes; /* Copyright im Hintergrundbild ausgeben [no(Nein)|yes(Ja)] */ -w-option-backgroundimageCopyrightPrefix:'©'; /* Copyright Prefix */ } Bedenken Sie,
-w-picture-background-color
auch die default.wFilelist.php diese CSS-Only-Eigenschaft. Beispiele / Anwendungsfälle Beispiel 1: Setzt die Hintergrundfarbe für das zu generierende Vorschaubild in Bildergalerie-Variante 999 .listPictureGallery_var999 .listEntries
-w-editmaskExtended-parallaxbackground
Mögliche Werte Beschreibung Einsatzgebiet [yes|no] Definiert, ob die Auswahlbox für das Parallax Hintergrundbild angeboten wird container.box.wItem.php container.section.wItem.php Beispiele / Anwendungsfälle Beispiel 1: Aktiviert
Bildbreite und Hintergrundbildbreite bei Inhaltsbereichen
ermöglicht über die allgemeinen Einstellungen das Setzen einer maximalen Bildbreite und auch eine Mindestbreite bei Hintergrundbildern. Bearbeitung der elementSection.scss - Allgemeine Einstellungen Im Standard wird das Mobile First Projekt so
So schreiben Sie Hintergrundbilder sprachabhängig über CSS
Sie Hintergrundbilder sprachabhängig über CSS Veröffentlichungsdatum: 16. März 2011 Änderungsdatum: 26. Juli 2012 hintergrundbild hintergrundgrafik background-image css Dieser Artikel beschreibt, wie Sie ein Hintergrundbild sprachabhängig über CSS
iOS 14 - Anpassung zu Hintergrundbildern
08. August 2023 Projektgrundlage: BASE Mit iOS 14 ergibt sich im Browser ein geändertes Verhalten z.B. in Bezug auf Hintergrundbilder mit Parallax-Effekt. Bestehende Projekte zeigen dann ggf. das Verhalten, daß fix positionierte Hintergrundbilder nicht
Texte mit Hintergrundbildern und Farbverläufen versehen
zum Artikel Texte mit Hintergrundbildern und Farbverläufen versehen
Version 14: WebP auch für Hintergrundbilder
Version 14: WebP auch für Hintergrundbilder weitergeleitet werden, klicken
Copyright Angabe für Bilder umsetzen
Copyright-Angabe nur in Bildunterschrift Copyright-Angabe in Listen Copyright-Angabe für Banner-Bilder Banner mit Hintergrundbild Copyright-Angabe für Hintergrundbilder im Inhaltsbereich Copyright im Bild Copyright als Layer Copyright-Angabe für
Formatierung der Druckansicht beeinflussen
CSS-Datei an. BASE (Mobile First) Projekte BASE Classic Projekte BASE (Mobile First) Projekte Fall: Projekt mit dunklem Hintergrund und weisser Schriftfarbe Im Beispielfall nehmen wir folgendes an: Ihr Projekt ist mit dunklem Hintergrund
-w-editmaskExtended-backgroundvideo
Mögliche Werte Beschreibung Einsatzgebiet [yes|no] Definiert, ob das Dateiauswahlfeld für den Pfad des Hintergrundvideo angeboten wird container.box.wItem.php container.section.wItem.php Beispiele / Anwendungsfälle Beispiel 1: Aktiviert
-w-use-orig-backgroundimage
Nutzbar ab: Version 11.x Mögliche Werte Beschreibung Einsatzgebiet [yes|no] Definiert, ob beim Generieren des Hintergrundbildes das Originalbild verwendet werden soll container.box.wItem.php container.section.wItem.php Beispiele / Anwendungsfälle
Navigationspunkte unterschiedlich darstellen
darstellen Veröffentlichungsdatum: 28. November 2012 Änderungsdatum: 03. April 2024 navigation bearbeitung klassen hintergrundfarbe farbe Überlassen Sie es dem Redakteur, einzelne Navigationspunkte über ausgewählte Klassen anders darzustellen. Die
-w-editmaskExtended-parallaxbackgroundspeed
Mögliche Werte Beschreibung Einsatzgebiet [yes|no] Definiert, ob die Auswahl für den Hintergrundbild Scroll-Faktor angeboten wird container.box.wItem.php Beispiele / Anwendungsfälle Beispiel 1: Aktiviert die Auswahl
So beeinflussen Sie die Fancybox-Einstellungen beim Bildelement
Bildelement Veröffentlichungsdatum: 16. Februar 2011 Änderungsdatum: 15. September 2021 bild element fancybox jquery hintergrund abdunkeln vordergrund Dieser Artikel beschreibt, wie Sie zum Bildelement die Fancybox-Einstellungen individuell
-w-editmaskExtended-backgroundimage
Mögliche Werte Beschreibung Einsatzgebiet [yes|no] Definiert, ob das Dateiauswahlfeld für den Pfad des Hintergrundbildes angeboten wird container.box.wItem.php container.section.wItem.php Beispiele / Anwendungsfälle Beispiel 1: Aktiviert
-w-editmaskExtended-backgroundpositionclasses
Einsatzgebiet [top|bottom|center|left|right] Definiert die Auswahlbox mit den gewünschten Werten für die Position des Hintergrundbildes container.box.wItem.php container.section.wItem.php Beispiele / Anwendungsfälle Beispiel 1: Gibt für die Inhaltsbox
Entwicklertools zur schnellen Layoutanpassung nutzen
Installation des aktuellen BASE Classic bzw. Mobile First Projekts Die Vorgehensweise bekommen Sie am Beispiel der Hintergrundfarbe eines Inhaltscontainers in einer Schritt-für-Schritt Anleitung demonstriert. Nachfolgend wird auf die Vorgehensweise
Symbolfarbe der Menünavigation (Toggler)
Veröffentlichungsdatum: 20. Dezember 2019 Änderungsdatum: 29. Januar 2024 Projektgrundlage: BASE Abhängig von der Hintergrundfarbe bietet es sich oft an, die Farbe der Menünavigation (Navigationstoggler) anzupassen. Hauptnavigation Symbolfarbe
-w-editmaskExtended-backgroundgradient
Definiert, ob die Auswahl für die Verlaufseffekte angeboten wird
WebP-Unterstützung für hochoptimierte Bilder
was Sie aus den Weblication® CMS Serverinformationen auslesen können. WebP für das Bild-Element Webp für Hintergrundbilder Webp für Vorschaubilder in Listen Webp für PNG-Bilder Weiterführende Links WebP für das Bild-Element Um in
Beliebige Elemente dynamisch mit PHP einbinden
die Seite aktualisieren, ändert sich das Bild zufällig. Beispiel 2: Abhängig von der Tageszeit begrüßen Text und Hintergrundbild werden abhängig von der Tageszeit ausgegeben if( date ( 'H' ) < 12 ){ $elementdata [ 'backgroundImage' ] =
Navigation mit grafischen Buttons umsetzen
WSL-Tag inkl. HD-Bild generieren Variante 3: Bilder über Navigationstext ansprechen Variante 4: Bilder über CSS als Hintergrundbild setzen Variante 1: Bild dynamisch generieren Das Bild für den Navigationspunkt wird dynamisch aus dem Navigationstext
Weblication® Entwicklerbereich
für Version 20: BASE 1.0.2612: Neue Seiten-Darstellungsvarianten verfügbar: Variante 420 "Hauptnavigation auf Banner, Hintergrundfarben Kopfbereich leicht transparent" und Variante 440 "Hauptnavigation auf Banner, Kopfbereich weichgezeichnete Transparenz"
Alternierende Listen umsetzen
Das nachfolgende Beispiel generiert eine alternierende Liste. Die Listeneinträge werden abwechselnd in anderer Hintergrundfarbe ausgegeben. Hierzu prüfen Sie innerhalb der foreach -Schleife, ob es sich beim jeweiligen Listeneintrag um eine gerade
Wie blendet man CSS-Variablen in der Maske aus?
zur Verfügung. Über folgende Anweisung wird z.B. in der colors.scss (Farben) die CSS-Variable für die Hintergrundfarbe des Kopfbereiches nur angezeigt, wenn der Kopfbereich nicht über den Struktureditor gepflegt wird (!= structure).
Videos als Hintergrund und in Bannern per Mausklick einbinden
Banner Slider einfach per Mausklick ein. Hierfür können Sie die folgenden Weblics® und CSS-Only Varianten verwenden: Hintergrundvideo individuell definieren Hintergrundvideos in Inhaltsbereichen Hintergrundvideos in Inhaltsboxen Videos im Banner Slider
Individuelle Hintergrundbilder pro Seite darstellen
Hintergrundbilder pro Seite darstellen 22. Dez 2011 Ab sofort können Sie mit Hilfe des Weblics® „Individuelles Hintergrundbild“ Hintergrundbilder sehr einfach auch auf Seitenebene definieren. Dazu müssen Sie lediglich das Weblic® an beliebiger
Banner, Slider, Hintergrundbilder, Seitenleisten, Header, Footer und sonstige Inhalte navigationsbaumabhängig anzeigen
an einer zentralen Stelle für komplette Teilbäume der Navigation, dass bestimmte Inhalte wie beispielsweise Banner Hintergrundbilder Seitenleisten Header Footer und sonstige Inhalte navigationsabhängig automatisch angezeigt werden. So steuern Sie
Parallax Seiten mit Weblication® CMS
Mit Weblication® können Sie sehr einfach Parallax-Seiten umsetzen. Mit dem Weblic® Parallax-Scrolling lassen sich Hintergrundbilder in 8 Richtungen mitscrollen. Das nachfolgende Beispiel wurde alleine über den Drag&Drop Editor mit dem Weblic®
Browse & Edit - Navigationsabhängige Hintergrundsbilder festlegen / bearbeiten | Weblication CMS Onlinedokumentation
hängt von den Berechtigungen ab, die Ihnen als Benutzer zugeteilt werden. Browse & Edit - Navigationsabhängige Hintergrundbilder festlegen / bearbeiten Browse & Edit - Navigationsabhängige Hintergrundbilder festlegen / bearbeiten Bedienung Die
Version 12: Schnell erkennen, wenn zu viele große Bilder in einer Seite geladen werden
im Bedien-Panel erkenne, ob in einer Seite zu viele große Bilder hinterlegt sind. Dazu wird die Anzahl der Bilder und Hintergrundbilder sowie die Summen derer Größen
HD Website High-Definition Picture Rendering für HD-Bildschirme wie Apples Retina-Displays und andere hochauflösende Bildschirme
S3 oder Googles Tablet Nexus 10 zunächst das normale Bild, um einen schnellen Seitenaufbau zu gewährleisten, und im Hintergrund werden automatisch die Bilder in High-Definition Qualität nachgeladen und angezeigt. Weblication® CMS bietet hierfür
Smart-Listen: Listen erstellen kann so einfach sein
Mit Smart-Listen legen Sie im Drag&Drop-Editor einfach eine Liste an ein beliebige Stelle in Ihrer Seite und speichern diese ab. Danach können Sie direkt in der Webseite als Redakteur mit dem eingeblendeten Button neue Seiten anlegen. Weblication erstellt beim Einfügen der Liste in der Seite im Hintergrund das entsprechende Listenverzeichnis. Legen Redakteure mit dem Button über der Liste eine neue Seite an, wird die neu erstellte Seite automatisch im richtigen Listenverzeichnis abgelegt.
Videos per Mausklick veröffentlichen mit Weblication®
- zur Verfügung: Video lokal - Flowplayer und Video.js-Player Video von extern einbinden - z.B. aus Youtube und Vimeo Hintergrundvideo individuell definieren Inhaltsbox in der CSS-Only Variante 30 " Neutral mit Hintergrundvideo " Inhaltsbereich in der
Inhaltsbereiche als effektvolles Werkzeug nutzen
First BASE lassen sich sehr einfach als mächtiges Werkzeug nutzen, um Einstellungen vorzunehmen, wie beispielsweise Hintergrundfarben, Hintergrundbilder, abgesoftete Hintergründe, Hintergrundvideos, Parallax Effekte, Einblendeffekte. Konfigurationsmaske
Innovatives Web-Design: Inhaltsseiten flexibel gestalten mit CSS-Only in Weblication®
von unten überlappenden Boxen. Inhaltsbereich mit von unten überlappenden Boxen Box halbtransparent - überdeckten Hintergrund unscharf darstellen Für die "Inhaltsbox (mit weiteren Elementen befüllbar)" ist eine CSS-Only Darstellungsvariante
Weblication® CLOUD - Webansicht | Weblication CMS Onlinedokumentation
direkt über die Konfiguration der Cloud 1:'Individuelle Layout-Anpassungen' 1:'Anzuzeigende Dateien': 1:'Logo': 1:'Hintergrundfarbe': 1:'Schriftfarbe': 1:'Hintergrundfarbe Menü': 1:'Schriftfarbe Menü': 1:'Rahmenfarbe Menü': 1:'Rahmenfarbe Dateien':
Hohe Performance für SEO-Ranking, Nachhaltigkeit und User-Experience mit Weblication®
im sichtbaren Bereich Mobile Performance: Erweitertes LazyLoading Art Direction: Geräteabhängige Bilder definieren Hintergrundbilder auf mobilen Geräten ausblenden Anzeige Bildgröße und Qualität für Redakteure Performance-Analyse: LCP-Ladezeiten
Neu in Weblication® Version 14 - veröffentlicht am 01.07.2019
Überblick einiger Neuerungen Cron-Scripte Weblics® WebP-Unterstützung für hochoptimierte Bilder WebP auch für Hintergrundbilder Weblics: Interaktive Imagemaps und Erklärbilder Weblics: Bedingter Container für besuchte Seiten Weblics: Opt-In