Volltextsuche
Farbauswahl in der Bearbeitung nutzen
der Bearbeitung nutzen Veröffentlichungsdatum: 14. Februar 2017 Änderungsdatum: 07. April 2017 weblication cms editor color colorpicker farbpicker Ein Colorpicker lässt sich an unterschiedlichen Stellen im Projekt verwenden.
So erstellen Sie eine weitere Primärfarbe
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 Primärfarbe. Quelltext Editor Quelltext Editor
Navigationspunkte unterschiedlich darstellen
Auszug aus der design.css zur Formatierung der entsprechenden Klassen ... #navigationMain li.navLevel1.blue > a { color: #FFFCCC; background-color: #6060FF} #navigationMain li.navLevel1Default.blue > a { color: #FFFCCC; background-color:
Tabelle: Zeilen, Spalten und Zellen individuell formatieren
yes; caption: Standard; caption-en: Default} */ .elementTable_var0 { /* ... */ tr.red, th.red, td.red { background-color: #FF0000; } /* ... */ } /* ... */ /*@wCssFragment { class: elementTableRowClass; variant: highlighted; preview-color: #
wCSS::getValue
, '#blockContent' , '(int)width' ); ?> Beispiel: Gibt den Farbwert aus der colors.scss Datei aus Quelltext <?php // ab CMS-Version xxx zu SCSS-Dateien möglich $cssPath =
Hintergrundfarbe und Schriftfarbe in Inhaltsbereichen (z.B. Fußbereich)
Die BASE (Mobile 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
-w-picture-colorspace
1: Gibt das Vorschaubild der Liste in Graustufen aus .listDefault_var60 .listEntryThumbnail { /* ... */ ; -w-picture-colorspace: gray; /* ... */ } Weiterführende Links CSS-Only Eigenschaft: -w-picture-srchover Zu beachten: Diese CSS-Only Referenz
Unterschiedliche CSS-Definitionen, z.B. zu Farben, in Projekten nutzen
Farb-CSS-Dateien Wollen Sie allgemeiner in der Darstellung unterscheiden, ist die Umsetzung über unterschiedliche color-SCSS Dateien zu empfehlen. Fragen Sie hierzu in der pre.php des globalen Projektes den aktuellen Projektpfad ab und
Deaktivierung des Benutzerprofils
" text/css "> /*# Tabellen */ body {margin:20px;padding:0;font-family:Arial, Sans-serif, Helvetica;font-size:12px;color:#000000;background-repeat:repeat;background-attachment:fixed;background-color:#bcbcbc} h1
So lesen und schreiben Sie CSS-Variablen über jQuery
Dadurch entkoppeln Sie außerdem die Darstellung stärker vom Skript. Im folgenden Beispiel wird die CSS-Variable colorButtons auf den Wert colorButtonsChanged gesetzt, wenn die aktuelle Uhrzeit in Stunden über timeToChangeColor ist. Definition
Pflege von textbasierten Daten
notwendig: nein Standardwert: input wysiwygFunctions definiert die
Responsive Toggler-Navigation anpassen
{ display: none; clear: both; position: relative; overflow: hidden; margin: 0; padding: 0; background-color: $backgroundColorNavigationMain;} #navigationResponsiveAll ul { list-style-type: none; margin: 0; padding: 0}
CSS-Only Referenz
(z.B. Bannerbild) -w-clickable Definiert, ob ein Element vom Anwender angeklickt werden kann (onclick) -w-color-data-selectable Definiert, ob die Auswahlbox für die Auswahl von Farbwerten angeboten wird -w-color-data Stellt
Cookies - Informationen zum Datenschutz
{ display: none; position: fixed; overflow: hidden; z-index: 1000; bottom: -80px; left: 0; width: 100%; background-color: #d0d0d0; border-top: solid 1px #a0a0a0; padding: 10px; text-align: center;} .pagestatus-loaded #cookieNotice { display:
Projektumsetzung mit dunklem Hintergrund und heller Schrift
Dieser 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
So verwenden Sie eine separate CSS-Datei im Sprachvergleich
... */ html { height: 101%;} body { margin: 0; padding: 0; font-family: Arial, Sans-serif, Helvetica; font-size: 12px; color: #000000; background-color: #dddddd;} #blockMainOuter { margin: 10px auto; width: 980px; background-color: #ffffcc} /*
-w-picture-srchover
(wenn Vorschaubild in Graustufen definiert) .listDefault_var60 .listEntryThumbnail { /* ... */ ; -w-picture-srchover: color; /* ... */ } Weiterführende Links CSS-Only Eigenschaft: -w-picture-colorspace Zu beachten: Diese CSS-Only Referenz bezieht sich
wUserContent::addRating
Fügt eine Bewertung einer Seite hinzu
thumbnail
Standardqualität reduziert werden soll (0-100) String attributeHD Z.B. srcset, falls kein JS unterstützt wird. [|gray] colorspace Falls das Bild in Graustufen ausgegeben werden soll [|color] srcHover Falls neben einem Graustufenbild noch ein
wCSS::optimizeCSS
werden sollen. Beispiel: Optimiert das CSS Quelltext <?php $cssStr = 'html {font-familiy:Verdana;font-size:17px;color:tomato;} a.extern {background-image:url("/devGlobal/wGlobal/layout/images/links/extern.svg?stroke=#FFFF00")} ' ;
Responsive Webdesign
blockMainOuter Angabe */ /* #blockMainOuter { margin: 10px auto; max-width: $widthBlockMainOuter; background-color: $backgroundColorContent; box-shadow: none} */ /* neue blockMainOuter Angabe mit fester Breite */ #blockMainOuter {
Version 17: CSS-Only - einzelne Neuerungen
lassen sich Farben in SVG-Grafiken dynamisch ändern. In Weblication® Version 17 kann über extern.svg?stroke=#{$colorLinkIcon}if#000000")} eine dynamische Farbänderung auf eine bestimmte Farbe beschränkt werden. Im Codebeispiel werden also nur
Neu in Weblication® Version 17 - veröffentlicht am 01.07.2022
CSS-Only Darstellungsvarianten lassen sich in die Zwischenablage kopieren Neue CSS Schriftfunktionen hsl, hwb, lab, lch, color, color-mix und color-contrast Live Vorschau für CSS-Darstellungen auswählbar CSS-Only Varianten über Editor
Neue Elemente rein über CSS erstellen in Weblication®
after { position: absolute; top: -0.5rem; right: -1rem; content: ' Top Angebot'; font-size: 1rem; background: #ffffff; color: #ff0000; padding: 0 0.8rem; border: solid 2px #ff0000; border-radius: 3px; box-shadow: 0 0 6px rgba (0, 0, 0, 0.3) ;
Neu in Weblication® Version 12 - veröffentlicht am 01.07.2017
1 */ > ul { -w-add-data: 'adaptlayer=1'; > li { float: left; > a { font-size: $fontSizeNavigationMainLevel1; color: $fontColorNavigationMainLevel1; background-color: $backgroundColorNavigationMainLevel1; padding:
Was sich von Weblication® Version 5, 6, 7, 8, 9,10, 11 bis hin zu Version 12 alles getan hat
1 */ > ul { -w-add-data: 'adaptlayer=1'; > li { float: left; > a { font-size: $fontSizeNavigationMainLevel1; color: $fontColorNavigationMainLevel1; background-color: $backgroundColorNavigationMainLevel1; padding:
Externe Benutzerschnittstelle für ActiveDirectory, LDAP, individuelle Datenbanken | Weblication CMS Onlinedokumentation
$result ){ $errStr = "Access granted for user $loginUserName ! " ; print " font - family : verdana ; font - size : 11px ; color : #FFFFFF;background-color:green;margin:2px;padding:2px">$errStr "; } else{ $errStr = "Access denied for user
Neu in Weblication® Version 19 - veröffentlicht am 01.07.2024
Gültigkeitsdatum einstellen. Danach können diese sich nicht mehr anmelden. CSS-Only Alle Sass-Farbvariablen in der colors.scss werden auch automatisch als generierte CSS-Variablen ausgeliefert. Analyse Bei Kampagnenlinks lassen sich neben
Neu in Weblication® Version 18 - veröffentlicht am 01.07.2023
erhalten. Im Editor lassen sich Elemente als Quelltext importieren. Variantensymbole unterstützen nun neben preview-color und preview-class auch preview-borderColor und preview-borderRadius. Die Marker zum Verschieben von Elementen lassen
Weblication® Version 18: Neu im Editor
Editor: Variantensymbole mit erweiterten Darstellungsmöglichkeiten Variantensymbole unterstützen nun neben preview-color und preview-class auch preview-borderColor und preview-borderRadius. Damit wird die Darstellung von Symbolen für
Newsletter Layout | Weblication CMS Onlinedokumentation
--> select= " php:functionString('wEnv::setGlobalValue', 'selectableColumnValues', '2') "/> body {background-color:#f0f0f0;margin:0;} body, tr, td {font-size:13px;font-family:Verdana, Arial,