Volltextsuche
CSS-Only Referenz
wir kurzfristig Ihre gewünschte Variante und bieten diese zum Download über weblics.de an. Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und Weblics® ! BASE (Mobile First) Projekte nutzen nur
CSS-Only Varianten in Objekten nutzen
in Objekten, um unterschiedliche Darstellungen komfortabel für den Redakteur zu ermöglichen. Die Möglichkeiten von CSS-Only können Sie nicht nur in Elementen einsetzen, sondern auch in Objekten. Über ein Pflegetag vom Typ
CSS-Only Varianten anpassen
Liste Mehrspaltiger Inhaltscontainer Teaser, Banner, Slider Überschrift etc. verschiedene Darstellungsvarianten auf CSS-Only Basis. Die Vielzahl an unterschiedlichen CSS-Only-Varianten liefert Ihnen bereits im Standard eine breite Auswahl für
Bedingte CSS-Definitionen mit CSS-Only
weblication cms css css-only bedingte abfrage Über CSS-Only können Sie auch bedingte CSS-Angaben definieren. Über CSS-Only können Sie in aktuellen Weblication® CMS 9.x Versionen auch bedingte CSS-Angaben definieren. Die Bedingungen werden
Anpassen einer Bildergalerie Variante über CSS-Only
Variante über CSS-Only Nutzbar ab: Version Veröffentlichungsdatum: 25. Februar 2016 Änderungsdatum: 05. Mai 2023 css css-only weblics bildergalerie galerie CSS-Only Varianten von Weblics® können Sie über CSS individuell anpassen Mit den
Anpassen einer Bannerslider Variante über CSS-Only
Variante über CSS-Only Nutzbar ab: Version 17. August 2018 weblication cms css css-only weblics banner slider teaser CSS-Only Varianten von Weblics® können Sie über CSS individuell anpassen Mit den Weblics® stehen Ihnen zahlreiche fertige
Spaltenbreiten im mehrspaltigen Inhaltscontainer über CSS-Only umsetzen
07. August 2014 Änderungsdatum: 29. Juni 2016 weblication weblic mehrspaltiger inhaltscontainer container css-only spaltenaufteilung Für Elemente des mehrspaltigen Inhaltscontainers lassen sich nun auch für die Definition der
-w-add-data
ab: Version 008.003.079.000 Mögliche Werte Beschreibung Einsatzgebiet Setzen von HTML5 Data-Attributen direkt über CSS-Only. Neben Klassen, können so noch weitere Werte zur Definition von Elementen gesetzt werden. Data-Attribute nutzt man vor
Mobile First BASE: Listen um Objektdaten erweitern und beliebig formatieren
und zu formatieren. Dieser Artikel zeigt Ihnen, wie Sie ohne Anpassungen im Zeilen-Template: Neue Objektdaten über CSS-Only ergänzen Einfache Formatierungen über CSS-Only Dekoratoren umsetzen Beliebige Ausgaben über das Objekt-Template mit
-w-subvariants
Einsatzgebiet Untervarianten-Name und Variantennummer (mehrere mit Komma getrennt) Verknüpft die vordefinierten CSS-Only Untervarianten zu einer Hauptvariante (ab CMS 9.x funktionsfähig) default.wFilelist.php container.box.wItem.php
So lesen und schreiben Sie CSS-Variablen über jQuery
timeToChangeColor){ jQuery('.buttons').css('--colorButtons', colorButtonsChanged) } Das gleiche Skript direkt über CSS-Only umgesetzt -w-jquery: var timeToChangeColor = jQuery ('.buttons') .css ('--timeToChangeColor') ;var colorButtonsChanged
Listeneinträge über zusätzliche objektbasierte Data-Attribute formatieren
< wd : data id = "private" type = "char.default" > 1 < wd : data id = "free" type = "char.default" > 0 CSS-Only zur Ausgabe der Objektdaten als Data-Attribute .listDefault_varXYZ { ... -w-option-objectdataAsAttribute:
Einsatz von Isotope Darstellungen für Bildergalerien
Beispiel aufgezeigt wird. Weblication® ab CMS 10.x bietet Ihnen hierzu die komfortable Möglichkeit, dies über eine CSS-Only-Variante mit Einsatz von CSS-Only Untervarianten (Subvarianten) in wenigen Zeilen abzubilden. Nachfolgende Umsetzung
wCSS::setWidthBlock
ID des Blocks (z.B. blockContent) width Breite (z.B. 540) Beispiel: Setzt die Breite des blockContent Blockes für CSS-Only Quelltext <?php $cssPath = '/dev/dokumentationen/framework/beispiele/styles/design.css' ; print 'Breite des
-w-wsl
zugreifen und häufig benötigte PHP Funktionen einfach einbinden. WSL läßt sich auch direkt im CSS nutzen. Das CSS-Only Prinzip wird damit um eine wichtige Komponente erweitert, die es ermöglicht, weitergehende Individualisierungen
-w-aspectratio
einer Listendarstellung auf 1.333 .listDefault_var28 .listEntryThumbnail { -w-aspectratio: 1.333;...} Diese CSS-Only-Eigenschaft greift nur bei Angabe innerhalb einer CSS-Only Hauptvarianten , nicht bei Untervarianten der Vorschaubilder
Listenerweiterungen
Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Listenerweiterungen sind einzelne XSLT-Templates, welche über CSS-Only in Listen und Bannern eingebunden werden, um diese so mit beliebigen Inhalten zu erweitern. In diesem Artikel wurden
Pflege von textbasierten Daten
Beispiele Textfelder Auswahlfelder Datumswerte Dateipfade Verzeichnispfade Navigationszuordnung Farbauswahl CSS-Only Auswahl Font Awesome Icon Auswahl Pflegetag-Attribute editor definiert den zur Pflege zu verwendenden Editor mögliche
Änderungen in Weblication® CMS Core/GRID
Systeminformationen angezeigt, ob der OPcache aktiviert ist. 012.005.137.000 13.12.2017 Bereits in der Übersicht der CSS-Only Variantenverwaltung ist nun sichtbar und direkt auswählbar, wer eine Variante auswählen darf. 012.005.128.000
-w-entryselected
(var11) mittig .listPictureGallery_var11 .listEntries { /* ... */ ; -w-entryselected: middle} Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und Weblics® ! BASE (Mobile First) Projekte nutzen nur
-w-editmaskExtended-picturepreviewaspectratio
yes; /* ... */ } Listenoptionen Bildergalerie - Seitenverhältnis der Vorschaubilder Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und Weblics® ! BASE (Mobile First) Projekte nutzen nur
-w-editmaskExtended-position
yes; /* ... */ } Inhaltsbox Variante 111 mit Auswahl für die Position / Ausrichtung Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und Weblics® ! BASE (Mobile First) Projekte nutzen nur
-w-embedIfLocalSVG
ausgewählte SVG-Grafik wird direkt als SVG-Markup eingebettet und beim Mouseover farblich angepasst /* nachfolgende CSS-Only-Variante wird auf die im Bild-Element ausgewählte logo-weblication.svg Grafik angewandt */ /*@wCssFragment { class:
Weblication® Entwicklerbereich
Veranstaltungskalender 1.0.454: Der Text (Separator) zwischen Datum und Uhrzeit einer Veranstalltung kann nun über die CSS-Only Eigenschaft -w-option-seperator angepasst werden. 08 April Changelog Version: 020.004.000.000 Final Version 08 April
RSS: Weblication® Mobile First Changelogs
Veranstaltungskalender 1.0.454: Der Text (Separator) zwischen Datum und Uhrzeit einer Veranstalltung kann nun über die CSS-Only Eigenschaft -w-option-seperator angepasst werden. 08.04.2026 BASE für Version 20: BASE JavaScript Dateien 1.0.512:
wCSS::deleteVariantOfCssStr
cssStr, String variant) Parameter cssStr CSS variant Zu löschende Variante Beispiel: Löscht die CSS-Only-Variante 42 aus elementBox.scss Quelltext <?php include( $_SERVER [ 'DOCUMENT_ROOT' ]. '/weblication/grid.php' );
Font Awesome im Link-Element nutzen
nutzen 15. März 2024 link font awesome verlinkung verweise icons Die Font Awesome Icons lassen sich über eine CSS-Only-Variante auch zum Link-Element nutzen. Im aktuellen BASE Projekt nutzen Sie Font Awesome Icons über eine schon im
Projektumstieg: Neue Projektgrundlage für bestehende Projekte nutzen
Schritt 4: Installieren benötigter Weblics® / Templates nachrüsten Schritt 5: Layout wählen und anpassen, CSS-Only-Varianten nachinstallieren CSS-Only-Varianten nachinstallieren / übernehmen Optional: Zurück-Link bei aktuellen
BASE Neuinstallation mit Übernahme der Inhalte
und Assets Schritt 4: Installieren benötigter Weblics® Schritt 5: Layout-Struktur wählen und anpassen, CSS-Only-Varianten nachinstallieren CSS-Only-Varianten nachinstallieren / übernehmen Schritt 6: Textbausteine und Variablen
Sprachabhängige Inhalte über CSS definieren
Nutzbar ab: Version Veröffentlichungsdatum: 21. Februar 2020 Änderungsdatum: 01. August 2025 weblication cms css css-only texte wtext textbausteine sprache sprachabhängig spachprojekte multi weiter mehr more In mehrsprachigen Projekten
Vorlesefunktion einbinden
11. Januar 2018 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Die Vorlesefunktion kann über CSS-Only an beliebiger Stelle eingebunden werden, um Inhalte aus der ganzen Seite oder nur von Teilbereichen vorzulesen. Zudem
Welche Rolle haben Administratoren und Designer bei der Bildgestaltung mit BASE (Mobile First)?
und Designer bei der Bildgestaltung mit BASE (Mobile First)? Alle gestalterischen Angaben zu Bildern werden über CSS-Only Varianten definiert, was dem Designer die größtmögliche Kontrolle über die Bilddarstellung ermöglicht. Wie Bilder
Welche Kontrolle hat der Administrator bzw. Designer bei der Bilddarstellung im BASE (Mobile First) System?
im BASE (Mobile First) System? Der Designer definiert nahezu alle gestalterischen Angaben zu Bildern über CSS-Only Varianten, was ihm große Kontrolle über die Bilddarstellung ermöglicht. Das Verhalten von Bildern und
Wie ändert sich die Bildverwaltung für den Redakteur bei der Nutzung von BASE (Mobile First)?
ist standardmäßig nicht vorgesehen, da es das nachträgliche Anpassen per CSS erschweren würde. Alternativ stehen CSS-Only Varianten mit mehreren Breiten zur Verfügung. Mehr dazu in folgendem Artikel: BASE (Mobile First): Responsive Bilder
Änderungen in Weblication® CMS Core/GRID
9). 008.004.081.000 07.05.2014 Über contentgroups:contentX|contentY; im @wCssFragment lässt sich die Auswahl von CSS-Only-Varianten auf beliebige Inhaltsgruppen einschränken. 008.004.066.000 30.04.2014 CSS-Only unterstützt serverseitig den
Wie wird eine Copyright-Angabe für Hintergrundbilder im Inhaltsbereich konfiguriert?
Grundlagen - BASE (Mobile First) - Weblication® Projektbasis
Auf Sass basierte, modular aufgebaute Projektvorlage mit einer Vielzahl an vorgefertigten CSS-Only Varianten, Elementen, Komponenten und anwendungen. Enthält Masken und Wizards zur Layoutanpassung.
RSS: Weblication® Mobile First Changelogs Version 18
Projekten das Barrierefrei-Menü einbinden zu können 14.06.2024 BASE für Version 18: Banner, Slider 1.0.1820: Neue CSS-Only Einstellungen -w-copyrightFontSizeHD, -w-copyrightPadding und -w-copyrightPaddingHD verfügbar, um Copyright-Hinweise
Änderungen in Weblication® CMS Core/GRID
schreiben. 018.007.000.000 19.12.2023 Final Version (sicherheitsrelevantes Update) 018.006.012.000 30.11.2023 Über CSS-Only lassen sich nun beliebige Attribute mit der aktuellen ui.js setzen. Zum Beispiel:
Dekorative Bilder
Regel auf die Angabe eines Bild-Titels bzw. Alternativtextes. Definieren Sie in solch einem Fall über die verwendete CSS-Only-Variante des Bild-Elementes, daß der Titel leer bleiben kann: Beispiel: Auszug aus der elementPicture.scss zu einer
RSS: Weblication® Mobile First Changelogs Version 16
BASE Mobile First Weblics® der CMS-Version 16. 22.06.2022 BASE (Mobile First) für Version 16: Formular 1.0.58: Neue CSS-Only Variante verfügbar, bei der Eingabefelder lediglich als Linien dargestellt werden. 22.06.2022 BASE (Mobile First) für
RSS: Weblication® Mobile First Changelogs Version 19
entsprechend umgesetzt und eine aktuelle ui.js erforderlich. 16.07.2025 BASE für Version 19: Liste 1.0.334: Über die CSS-Only Option -w-option-showButtonEntryOnline:yes; ist der Online-Status direkt im Listeneintrag änderbar 11.07.2025 BASE
wCSS
CSS String optimizeCSS(String cssStr, Array options = array()) setWidthBlock Setzt die Breite eines Blocks für CSS-Only Variante (verfügbar ab CMS-Version 014.003.081.000) String deleteVariantOfCssStr(String cssStr, String variant)
Listen um Pflegemasken erweitern
sich vorrangig auf Projekte vor BASE 2.x Version. Mit Einsatz von Weblics® 2.x Versionen erhalten Sie über die CSS-Only die Möglichkeit, in den meisten Listen-Templates die Steuerung der Listenoptionen-Maske rein über CSS vornehmen zu
Schließen des Megadropdowns mouseleave deaktivieren
Im Standard wird das Megadropdown beim Verlassen des Containers geschlossen. Ist das nicht gewünscht, kann das via CSS-Only deaktiviert werden. Der Dropdown-Container wird dann geschlossen, wenn der Besucher außerhalb klickt. Beachten Sie,
Was sind die Hauptmerkmale der Responsive Bilder in der BASE (Mobile First)?
passenden Bildgröße für jede Bildschirmgröße Frei definierbare Qualitätsstufen pro Bild, Bildtyp oder global via CSS-Only Varianten Art Direction, um bei kleinen Bildschirmen alternative Bildausschnitte anzeigen zu können Mehr dazu in
CSS-Only-Varianten | Weblication CMS Onlinedokumentation
CMS liefert Ihnen mit der BASE 2.x zu vielen Weblics® bereits eine Vielzahl an vorgefertigten Layout-Varianten, die CSS-Only-Varianten. Diese Layout-Varianten basieren rein auf CSS. Eigene Designs können so meist ohne Anpassungen in den
Weblication® Version 18: Neu im Editor
Template hinterlegt werden, um die Funktionnutzen zu können. Version 18: Agenturboard - Filterfunktion Editor: Mehrere CSS-Only Darstellungsvarianten gleichzeitig installieren In Weblication® Version 18 lassen sich im Editor mehrere CSS-Only
Bildbearbeitung Bild-Element | Weblication CMS Onlinedokumentation
das Bild (siehe linker oberer Screen). Die nachfolgend beschriebenen Pflegefelder für das Bild-Element können je nach CSS-Only Eigenschaft und Einstellung abweichend sein. 'Datei': In diesem Feld wählen Sie über den rechten Auswahlpfeil die
Neu in Weblication® Version 18 - veröffentlicht am 01.07.2023
nebeneinander liegender Elemente vereinfacht Editor: Online-Status anzeigen in verlinkten Dateien Editor: Mehrere CSS-Only Darstellungsvarianten gleichzeitig installieren Editor: Spalten in mehrspaltigen Containern tauschen Editor: Suggest