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,
-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
-w-editmaskExtended-parallaxbackgrounddirection
Mögliche Werte Beschreibung Einsatzgebiet [yes|no] Definiert, ob die Auswahlbox für die Parallax Hintergrundbild Scroll-Richtung angeboten wird container.box.wItem.php Beispiele / Anwendungsfälle Beispiel 1: Aktiviert die
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
-w-editmaskExtended-backgroundcolor
Mögliche Werte Beschreibung Einsatzgebiet [yes|no] Definiert, ob die Auswahl für die Farbwerte der Hintergrundfarbe angeboten wird container.box.wItem.php Beispiele / Anwendungsfälle Beispiel 1: Aktiviert die Auswahl für die
-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
wCSS::getValue
z.B. eine Eigenschaft bei .elementHeadline_var50 leer, wird zusätzlich .elementHeadline geprüft. Beispiel: Gibt die Hintergrundfarbe vom body aus (print.css) Quelltext <?php print 'Hintergrundfarbe Druckvorschau Body: ' . wCSS :: getValue (
Anpassen einer Bildergalerie Variante über CSS-Only
individuelle Bildergalerie-Variante über reine CSS-Anpassung! Beispiel 3: Bildergalerie-Variante 0 mit individueller Hintergrundfarbe für beschnittene Bilder Am Beispiel der Bildergalerie " Großansicht mit Diavorschau horizontal " (Variante 0)
Online-Status von Elementen mit individueller Formatierung / Farbe
BASE Innerhalb der Seitenbearbeitung können Sie zeitgesteuerte Strukturelemente mit einer eigenen Formatierung (z.B. Hintergrundfarbe) deutlicher hervorheben. Strukturelement mit aktuellem Offline-Status - individuelle Farbe Im Beispiel nebenan wurde
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
-w-editmaskExtended-entryicon
Mögliche Werte Beschreibung Einsatzgebiet [yes|no] Definiert, ob das Dateiauswahlfeld für den Pfad des Hintergrund-Icon im Akkordeon-Weblic® angeboten wird container.accordion.wItem.php Beispiele / Anwendungsfälle Beispiel 1:
So beeinflussen Sie die Formatierung in der Bearbeitung
wie Sie Formatierungen in der Dateibearbeitung beeinflussen können, um z.B. Positionierungen anders vorzunehmen, Hintergrundfarben, etc. anders zu setzen. Innerhalb der Seitenbearbeitung nutzt das Beispielprojekt im Editor zusätzlich eine editor.css
-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
-w-add-data
/* HTML-Ergebnis: Beispiel 2: Beispiel BASE Classic, um die Richtung bei Parallax-Scrolling zum Hintergrundbild über CSS-Only fix zu definieren .elementBox_var85 {...; -w-add-data: parallaxbackgrounddirection=topright;...} /*
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
CSS-Only Referenz
-w-aspectratio Definiert das Seitenverhältnis von generierten Bildern -w-background-target Definiert das Ziel eines Hintergrund-Elementes (z.B. Bannerbild) -w-clickable Definiert, ob ein Element vom Anwender angeklickt werden kann (onclick)
RSS: Weblication® Mobile First Changelogs Version 16
15:24 BASE (Mobile First) für Version 16: Inhaltsbereich (mit weiteren Elementen befüllbar) 1.0.41: SEO: Für Hintergrundbilder wird bei eingecheckten Bildern der Titel als Wert für das alt-Attribut gesetzt. 21.06.2022 15:23 BASE (Mobile First)
CSS-Only Varianten in Objekten nutzen
definieren. Im Beispiel setzen wir für den Banner der Variante 99 für die Überschrift eine transparente blaue Hintergrundfarbe: Auszug aus der design.css mit definierten CSS-Only Varianten für das Slide-Objekt /* ... */ .listBannerSlider_var99
Das wGlobal Verzeichnis - Anpassungen für Ihr Projekt
für die Bearbeitung von Navigationen, Links, Bildern, Tabellen und den WYSIWYG-Editor Zentrale Layout-Bilddateien (Hintergrundbilder, Icons, etc) CSS-Stylesheets Script-Definitionen (Javascript-Libraries) XSL-Stylesheets für die Seitendarstellung,
Snippets
mit dem Einsatz von Standard-Formular-Buttons manipulieren. Zum Snippet Verhindern, dass 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.
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