Volltextsuche
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
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
-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
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-backgroundcolorpicker
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-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
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
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
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
Projektumsetzung mit dunklem Hintergrund und heller Schrift
Farben des Mobile First Projektes bei Auslieferung und rechts mit angepassten Farben, um generell eine dunkle Hintergrundfarbe des Inhaltsbereichs der Seite und helle Schriften, Überschriften und Links zu haben. colors.scss Standard (heller
thumbnail
Falls keine Transparenz benutzt werden darf, muss der Wert auf no stehen String backgroundColor Falls die Hintergrundfarbe definiert werden soll (z.B. #fcfcfc) [|1] hd Falls ein HD-Bild generiert werden soll String quality Falls die Qualität
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
CSS-Only Referenz
'Zoomfaktor' angeboten wird -w-editmaskExtended-backgroundcolor Definiert, ob die Auswahl für die Farbwerte der Hintergrundfarbe angeboten wird -w-editmaskExtended-backgroundcolorpicker Definiert, ob die Auswahl für die Farbwerte der
Hintergrundbilder global, pro Navigationspunkt oder pro Seite definieren
innerhalb der page.scss im Abschnitt Hintergrund. Optimalerweise kombinieren Sie dieses mit einer passenden Hintergrundfarbe, die bis zum Laden des Bildes angezeigt wird. Hintergrundbild pro Navigationspunkt bzw. Navigationsbereich definieren
Lightbox-Darstellung beeinflussen
Es soll eine individuelle Variante der Lightbox verwendet werden, welche eine fest definierte Höhe und eine andere Hintergrundfarbe zugewiesen bekommt. Schritt 1: Zuweisen der Lightbox-Variante über w-jquery Schritt 2: Definition der
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).
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
Formatierung der Druckansicht beeinflussen
Schriftfarbe Im Beispielfall nehmen wir folgendes an: Ihr Projekt ist mit dunklem Hintergrund (Hintergrundbild oder Hintergrundfarbe) und weisser Schriftfarbe umgesetzt. Standardmässig wird die BASE so ausgeliefert, dass die CSS-Datei für die
Tabelle: Zeilen, Spalten und Zellen individuell formatieren
bestehenden Untervariante manuell über den Quelltext als Kopie an. Das nachfolgende Beispiel zeigt dies für eine rote Hintergrundfarbe für Tabellenzeilen auf (Variante: ...varred). Beipiel: Auszug aus elementTable.scss zur Standard-Variante (var0) mit
wThumbnail::getPathThumbnail
soll useTransparency Falls keine Transparenz benutzt werden darf, muss der Wert auf no stehen backgroundColor Falls die Hintergrundfarbe definiert werden soll (z.B. #fcfcfc) quality Falls die Qualität bei JPG-Bildern reduziert werden soll (0-100)
wThumbnail::createThumbnail
[|no] Falls keine Transparenz benutzt werden darf, muss der Wert auf no stehen backgroundColor Falls die Hintergrundfarbe definiert werden soll (z.B. #fcfcfc) hd [|1] Falls ein HD-Bild generiert werden soll quality Falls die Qualität bei
Weblics® 2.x in BASE 1.x nutzen
aktuellsten BASE entnehmen. Beispiel: /* Beispiel: Auszug aus einer design.css */ $ backgroundColorBoxSheet: #F0F0F0; /* Hintergrundfarbe Sheet-Boxen */ /* .... */ .elementBox_var0 { height: 100%; box-sizing: border-box; margin: 0 0 20px 0; overflow:
Navigationstemplates
geklickte Link in der Navigation erscheint als aktiver Link in einer anderen Darstellung (fette Schrift, mit einer Hintergrundfarbe etc.). Wird eine Seite aufgerufen, die nicht in der Navigation verlinkt ist (beispielsweise über eine Liste ), kann
So setzen Sie ein Element mit unterschiedlichen Darstellungsarten um
Diese Klasse definieren Sie in der verwendeten CSS-Datei (meist design.css). Dort können Sie z.B. eine Hintergrundfarbe, Hintergrundbild, einen Rahmen oder dergleichen für die Ausgabe definieren. Beispiel: Inhalt der
So beeinflussen Sie die Fancybox-Einstellungen beim Bildelement
(transparent). Die Farbe können Sie mit dem Parameter " overlayColor " beeinflussen. Mit dem Wert #CC0000 wird die Hintergrundfarbe der Fancybox-Funktionalität auf einen Rot-Ton eingestellt. Beispiel: Auszug aus der design.js zur Fancybox-Einstellung
Hintergrundbilder dynamisch anzeigen
was z.B. so aussehen kann: CSS einbinden: #blockBody per CSS zusätzlich definieren /* #blockBody auf transparente Hintergrundfarbe setzen, um das Hintergrundbild
Unterschiedliche CSS-Definitionen, z.B. zu Farben, in Projekten nutzen
strukturiert ist: /de /de-wGlobal /wissen /wissen-wGlobal /multi-wAssets /multi-wGlobal Um dem Kopfbereich eine andere Hintergrundfarbe zu geben, definieren Sie über den Selektor zum html-Tag für die Klasse des Inhaltsprojektes ( .project-wissen ) eine
Vorschaubild in Liste mit unterschiedlichem Seitenverhältnis für Mobilansicht
(Zugeschnitten auf Seitenverhältnis) |embed (Eingebettet) |default (Standard) ]*/ -w-option-picture-backgroundColor: ''; /* Hintergrundfarbe bei transparenten Bildern */ -w-option-picture-addCopyright: no; /* Copyright-Text ergänzen */
Änderungen in Weblication® CMS Core/GRID
006.009.231.011 18.04.2012 Falls Bilder keinen Copyright-Text, keine reduzierte Qualität und kein spezielle Hintergrundfarbe definiert haben, werden sie bei gleichbleibender Bildgröße nicht generiert, sondern nur kopiert. 006.009.231.009
Änderungen in Weblication® CMS Core/GRID
zu interpretieren. 012.006.105.000 04.04.2018 Über $backgroundThumbnail lässt ich in einem Verzeichnis die Hintergrundfarbe bei Vorschaubildern einstellen, um so z.B. weiße Icons sehen zu können. 012.006.072.000 08.03.2018 Beim SEO-Reiter
Änderungen in Weblication® CMS Core/GRID
der Auswahl von Komponenten werden die Klassen body.isComponent bzw. body.isComponentList definiert, wodurch sich z.B. Hintergrundfarben individuell definieren lassen. 013.005.001.000 29.11.2018 Neue PHP-Framework Funktionen wList::getLastListSessionUrl,
Weblication® Entwicklerbereich
Entwicklerbereich Weblication® Content-Management-System Core und GRID