Volltextsuche
Unterschiedliche CSS-Definitionen, z.B. zu Farben, in Projekten nutzen
08. August 2023 Projektgrundlage: BASE Die Umsetzung von Projekten erfordert teilweise unterschiedliche Farben in den Projekten. Dies kann z.B. für Sprachprojekte und Multi-Projekte erforderlich sein oder auch zur Umsetzung
Farbe von SVG Bilder beim Überfahren mit der Maus ändern
Farbe von SVG Bilder beim Überfahren mit der Maus ändern Veröffentlichungsdatum: 20. Dezember 2017 Änderungsdatum: 08.
Link-Icons (SVG) individualisieren
liegt der Einsatz von Grafiken nahe. Die BASE nutzt hierfür SVG-Icons, welche über SCSS eingebettet zudem mit Farbe befüllt werden können: Beispiel: Auszug aus der html.scss des globalen Projektes zu Verweisen /* ... */ body,
Bildergalerie: Hintergrundfarbe eingebetteter Bilder festlegen
09. Oktober 2023 Projektgrundlage: 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"
So erstellen Sie eine weitere Primärfarbe
Veröffentlichungsdatum: 20. März 2023 Änderungsdatum: 26. April 2023 colors.scss primärfarbe baseColorPrimary Farben Öffnen Sie über die CSS-Styles die Farben (colors.scss) und ergänzen Sie über die Quelltextanzeige eine weitere
Projektumsetzung mit dunklem Hintergrund und heller Schrift
Artikel zeigt auf, wie Sie allgemein die Farbgebung schnell und komfortabel beeinflussen können. Die colors.scss (Farben) liefert Ihnen in der Masken-Ansicht die Möglichkeit, für diverse Bereiche und Elemente der Seite die Farben /
-w-picture-srchover
Mögliche Werte Beschreibung Einsatzgebiet color Definiert Graustufen Vorschaubilder beim Mouseover in Farbe default.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Gibt das Vorschaubild der Liste beim Mouseover in Farbe
Symbolfarbe der Menünavigation (Toggler)
Ä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 Menünavigation Die Farbe der
Hintergrundfarbe und Schriftfarbe in Inhaltsbereichen (z.B. Fußbereich)
First) Projektgrundlage liefert Ihnen hierzu bereits eine dynamische Umsetzung 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
Tabelle: Zeilen, Spalten und Zellen individuell formatieren
Klassen definiert haben. "default" ist die Standardvariante, welche keine spezielle CSS-Definition mitgibt und für die Farbe weiß steht. "highlighted" ist im Standard so definiert, daß dies eine im Projekt hinterlegte Hervorhebungsfarbe
Navigationspunkte unterschiedlich darstellen
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-embedIfLocalSVG
SVG-Datei direkt als SVG-Markup in das HTML-Dokument eingebettet werden soll. In dem Fall lassen sich dann z.B. Farben im CSS anpassen. (nutzbar ab Bild-Weblic Version 002.000.738.000) picture.standard.wItem.php Beispiele /
Wie kann ich eine Überschrift zweifarbig machen?
können Sie im CSS beliebig formatieren. Das Strong-Tag kann also auch z.B. die gleiche Schriftstärke und eine andere Farbe zugewiesen bekommen. Formatiert den hervorgehobenen Überschriftsbereich rot statt fett h1 > strong { font-size:
highlightCode
Formatiert Quelltext abhängig von der verwendeten Skriptsprache
button
mit | getrennt angegeben werden. Diese Funktion ist nicht für IE kleiner 8 verfügbar. [|edit|assign] markType Art bzw. Farbe der Markierung, Standardwert ist edit Integer markerZIndex Z-Index der Markierung String icon Symbol der Schaltfläche
includeCssRessources
generateDataURL Generiert automatische Data URLs aus Bilder Boolean generateSVG Generiert SVGs in den benötigten Farben Boolean interpreteWCSS Führt WCSS-Script aus Boolean interpreteServerSideWCSS Führt serverseitiges WCSS-Script aus
buttonEdit
mit | getrennt angegeben werden. Diese Funktion ist nicht für IE kleiner 8 verfügbar. [|edit|assign] markType Art bzw. Farbe der Markierung, Standardwert ist edit Integer markerZIndex Z-Index der Markierung [PATH] template Pfad des zur Pflege
Online-Status von Elementen mit individueller Formatierung / Farbe
(z.B. Hintergrundfarbe) deutlicher hervorheben. Strukturelement mit aktuellem Offline-Status - individuelle Farbe Im Beispiel nebenan wurde für die betreffenden Angaben zum Online-Status die Hintergrundfarbe individuell auf den
Objektwizard - Listeneintrag des Objektes
'Text vor der Ausgabe': 'Text nach der Ausgabe': 'Inhalt verlinken': 'Position / Ausrichtung': 'Abstand': 'Farbe': 'Innerhalb farbiger Bereiche': 'Größe': 'Zusätzliches CSS': 'Zusätzliches CSS': 'Nur Anzeigen, wenn nicht leer':
Menünavigation anpassen
Pflegemaske individuell anpassen. Toggler-Navigation Die BASE (Mobile First) wird standardmässig mit einer dunklen Farbe zur Menünavigation ausgeliefert. Das betrifft sowohl das Hamburger-Symbol (drei horizontale Striche) als auch die
Wasserzeichen / Copyright in Bilder setzen
$text = "© Mustermann AG" ; //Schrifteigenschaften $fontfamily = "Bookman-DemiItalic" ; $fontsize = "12" ; //Farbe Schatten $color = '#666666' ; $strokewidth = '1' ; $x = '11' ; $y = '10' ; //Farbe Schrift $color_s = '#FFFFCC' ;
Copyright Angabe für Bilder umsetzen
nichts definiert wurde */ -w-copyrightPrefix: '©'; /* Copyright Prefix */ -w-copyrightColor: #FFFFFF; /* Copyright Farbe */ -w-copyrightPosition: ; /* Copyright Position [|topLeft|top|topRight|bottomLeft|bottom|bottomRight]*/ } Bild mit
RSS: Weblication® Mobile First Changelogs Version 16
1.0.13: Durch -w-editmaskExtended-color:yes und -w-editmaskExtended-size:yes lassen sich nun Schriftgröße und -farbe über Untervarianten auswählen. 13.06.2022 10:37 BASE (Mobile First) für Version 16: Fliesstext 1.0.11: Texte lassen
Farbauswahl in der Bearbeitung nutzen
Hauptpunkte nutzen (Auszug aus attributes.wEditorNavpoint.php) ... name= " color " editor= " color " value= " " caption= " Farbe " editable= " 1 " levelsEditable= " 1 "/> ... Beispiel: Farbauswahl in der Kategorienbearbeitung nutzen (Auszug aus
Eigene Strukturelemente umsetzen
eigenes Strukturelement umsetzen. Einem Redakteur soll in der Bearbeitung ermöglicht werden, über eine Auswahlbox die Farbe aufgrund von CSS-Only-Definitionen zu bestimmen. In den folgenden Quelltextbeispielen wird im linken Beispiel das
Anpassen einer Bildergalerie Variante über CSS-Only
2016). Die Großansicht eines Bildes soll bei zugeschnittenen Bildern den entstandenen Leerraum mit einer anderen Farbe auffüllen (standardmäßig wird mit weißer Farbe aufgefüllt). Vor der Anpassung Bildergalerie-Variante 0
Änderungen in Weblication® CMS Core/GRID
innerhalb einer Datei anzeigen lassen. 012.003.026.000 06.07.2017 Beim Klick auf den CSS-Variablennamen (z.B. bei Farben) erhält man eine Liste aller Dateien mit den nummerierten Zeilen der Vorkommnisse. 012.003.016.000 30.06.2017 Beim
SVG-Grafik im Bild-Element nutzen
Diese ermöglichen eine Beeinflussung hinsichtlich Breite, Höhe und individueller Formatierung. Weiterführende Links Farbe von SVG Bilder beim Überfahren
Wie blendet man CSS-Variablen in der Maske aus?
zum Layout auszublenden, stehen showIf-Abfragen 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
wPicture::createPicture
Mindestbreite des Bildschirms, um angezeigt zu werden copyrightText Copyright Text copyrightColor Copyright Farbe copyrightText Copyright Text copyrightFontSize Copyright Schriftgröße cssPath Pfad der CSS-Datei Beispiel: Bild mit
wDocumentData::setDataObject
Bild' ). " " ; print wDocumentData :: setDataObject ( $fileBinaerSetData , 'description' , 'Dieses Bild kommt in der Farbe orange auf den Schirm!' ). " " ; // ab Version 007.005.150.000 können auch Kategorien innerhalb wd:object gesetzt
wCaptcha::createCaptcha
des Bildes fontSize => Schriftgröße Größe der zu verwendenden Schrift colors => array(array(r, g, b)*) Eigene Farben embed [0|1] Definiert, ob das Bild direkt eingebettet werden soll Beispiel: Gut lesbares Captcha Quelltext <?php
Überschrift: Allgemeine Einstellungen wie Zeilenumbruch, Links, Teilformatierung, etc.
Text, welcher mit einem strong- oder b-Tag umschlossen ist, entsprechend über CSS formatiert werden (z.B. in anderer Farbe). Unterstreichen erlauben Zum Überschriften-Feld wird in der Bearbeitung die WYSIWYG-Leiste um die WYSIWYG-Funktion
wAI::query
] = 'YOURKEY' ; $options [ 'numberAnswers' ] = '' ; // Anzahl der Antworten var_dump ( wAI :: query ( 'Welche Farbe hat eine Zitrone?' , $options )); ?> Hinweis Beim Einsatz von Framework-Funktionen in eigenen Skripten beachten Sie
So markieren Sie die zu pflegenden Bereiche bei Mouseover
das beim Überfahren markiert werden soll. Mehrere Elemente können mit | getrennt angegeben werden. markType Art bzw. Farbe der Markierung, Standardwert ist edit Mögliche Werte: edit Elemente, die bearbeitet werden können, werden farblich
Responsive Toggler-Navigation anpassen
noch keine CSS-Only-Variablen unterstützt, notieren Sie anstatt der Variablen direkt die entsprechenden Werte für Farbe, Schriftgröße, etc. Auszug aus der design.css zu bestimmten Media Queries (gesamte Definitionen siehe aktuelle BASE)
So beeinflussen Sie die Fancybox-Einstellungen beim Bildelement
1 auf 0.4 gesetzt, um den Hintergrund nicht komplett abzudunkeln, sondern durchscheinen zu lassen (transparent). Die Farbe können Sie mit dem Parameter " overlayColor " beeinflussen. Mit dem Wert #CC0000 wird die Hintergrundfarbe der
Multiprojekt Umsetzung
des Dateiexplorers beeinflussen Online-Doku: Report - Projekte BASE Hilfe: Unterschiedliche CSS-Definitionen, z.B. zu Farben, in
RSS: Weblication® Mobile First Changelogs
aller Cookies und Analytics verfolgt 13.03.2024 22:56 BASE für Version 18: Überschrift 1.0.64: Gewählte Farben greifen nun auch bei Überschriften, die fett formatiert sind 12.03.2024 17:22 BASE für Version 18: Überschrift
Änderungen in Weblication® CMS Core/GRID
016.002.047.000 11.11.2021 Über die Objektdaten qrColor lassen sich in der standard.wCampaigns.php auswählbare Farben zur Generierung von QR-Codes eintragen. Soll neben schwarz z.B. auch rot auswählbar sein, kann die nach folgendem
RSS: Weblication® Mobile First Changelogs Version 17
wurde hinsichtlich der Wochentage von td auf th umgestellt 04.05.2023 18:58 BASE für Version 17: Bild 1.0.55: Die Farbe des Copyright-Schattens lässt sich über die CSS-Only Einstellung -w-copyrightShadowColor:#000000; anpassen.
CSS-Only Referenz
SVG-Datei direkt als SVG-Markup in das HTML-Dokument eingebettet werden soll. In dem Fall lassen sich dann z.B. Farben im CSS anpassen. -w-embedtype Definiert den zu verwendenden Typ zum Einbetten -w-entrieslimit Definiert die Anzahl der
Weblication® Entwicklerbereich
und regelmäßig über Neuerungen informiert werden ... 13 März BASE für Version 18: Überschrift 1.0.64: Gewählte Farben greifen nun auch bei Überschriften, die fett formatiert sind 12 März BASE für Version 18: Überschrift 1.0.63: Über