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 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
-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
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 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
Smooth Scrolling per CSS-Only generell aktivieren
CSS-Only generell aktivieren Veröffentlichungsdatum: 09. Mai 2017 Änderungsdatum: 30. April 2024 weblication cms base css-only smooth scrolling wScrollSmoothToTarget wChangeScrollstatusOnAutoscrolling Smooth Scrolling lässt sich per CSS-Only
Eigene Pflegemasken zu CSS-Only Untervarianten nutzen
vorzunehmen, sondern darüber hinaus auch unterschiedliche Bearbeitungsmasken und vieles mehr umzusetzen. Wir nennen es CSS-Only. elementBox.scss - Maske mit Haupt- und Untervarianten Mit dem BASE (Mobile First) Projekt wurden diese Möglichkeiten
Inhaltsboxen individuell über CSS-Only erweitern
22. November 2018 Änderungsdatum: 19. Juli 2021 weblication cms inhaltsbox layer einblender pflegemaske erweitert css-only Inhaltsboxen lassen sich in der BASE (Mobile First) nun über beliebige individuelle Titel, Zusatzinfos, pflegbare
CSS-Only Referenz verfügbar
Funktionen direkt in CSS abbilden, für die in der Vergangenheit PHP- oder JavaScript-Anpassungen notwendig waren. Mit CSS-Only können Sie viele Funktionen direkt in CSS abbilden, für die in der Vergangenheit PHP- oder JavaScript-Anpassungen
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
Anpassen einer Variante des mehrspaltigen Inhaltscontainers über CSS-Only
über CSS-Only Nutzbar ab: Version 20. Juli 2017 css css-only weblics container mehrspaltig bild kachel optik 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
Datumsanzeige als Kalenderblatt über CSS-Only
über CSS-Only Nutzbar ab: Version Veröffentlichungsdatum: 11. Februar 2016 Änderungsdatum: 27. Juli 2020 css css-only kalenderblatt datumsanzeige liste veranstaltungskalender Eine Weblication® Liste können Sie über eine CSS-Only
Eigene Pflegemasken zu CSS-Only Untervarianten der Inhaltsbox nutzen
Standard zu diversen Hauptvarianten Umsetzungen mit eigenen Pflegemasken von Untervarianten. Inhaltsbox Optionen über CSS-Only Hauptvariante mit Untervarianten Der Screenshot nebenan bildet die Maske zu den Optionen eines Inhaltsbox-Elementes ab.
Tabelle über CSS-Only responsive darstellen
darstellen zu können, reicht es aus, das Tabellen Weblic® ab CMS-Version 15 auf aktuellen Stand zu bringen (inkl. der CSS-Only Varianten). Tabelle: Ansicht auf mobilem Endgerät Im Screen anbei sehen Sie beispielhaft die Ansicht auf einem mobilen
Eigene Pflegemasken zu CSS-Only Untervarianten der Überschrift nutzen
in aktuellen Versionen bereits die Nutzung eigener Pflegemasken zu Untervarianten. Überschrift Optionen über CSS-Only Hauptvariante mit Untervarianten Im Screenshot nebenan wird zur Überschriften Hauptvariante "Standardüberschrift (0)"
CSS-Grid-Layout formatieren mit JavaScript in CSS-Only
nisl. Bild Bild Bild Bild Die Umsetzung nutzt einen mehrspaltigen Container mit fünf Spalten mit einer speziellen CSS-Only-Variante (gridDemo1). Die Bild-Elemente verwenden die Bild CSS-Only-Variante 215 ("Füllt den umschließenden Container
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
HTML-Struktur, Darstellung, Pflegemaske und Mastertemplate über CSS-Only definieren
und Mastertemplate über CSS-Only definieren weitergeleitet
CSS-Only-Variante als Standard festlegen
mit eine Standardvariante ausgeliefert, welche in der Regel mit der Variantennummer 0 bezeichnet ist. Bildergalerie CSS-Only-Variante als Standard Wollen Sie bei einem Weblic® , wie z.B. der Bildergalerie, beim Einfügen eines
CSS-Only Dekoratoren in Listen verschachteln
CSS-Only Dekoratoren in Listen verschachteln Veröffentlichungsdatum: 19. Dezember 2017 Änderungsdatum: 08. August 2023
-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
Breadcrumb-Navigation auf Hauptpunkte beschränken
November 2016 weblication cms navigation brotkrümel breadcrumb css-only Die Brotkrümelnavigation können Sie über CSS-Only auf die erste Navigationsebene (Hauptpunkte) beschränken. Wollen Sie die mit dem BASE mitgelieferte Breadcrumb auf die
Dynamisch HTML-Elemente über CSS und jQuery einfügen
BASE und den Weblics® unzählige Möglichkeiten, die Darstellung von Weblication® Listen o.ä. rein über CSS ( CSS-Only ) zu beeinflussen. Ohne Anpassung in XSL-Templates lassen sich bereits viele Umsetzungen über CSS-Only realisieren.
CSS-Einstellung der Hauptvariante erzwingen
08. August 2023 Projektgrundlage: BASE Eine Anwendung wie eine Liste kann sich CSS-Definitionen aus der CSS-Only Hauptvariante und auch den Untervarianten ziehen. Sollen die Definitionen der Hauptvariante (z.B. Kachel-Darstellung
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:
Inhaltsboxen individuell über CSS-Only erweitern
Inhaltsboxen individuell über CSS-Only erweitern weitergeleitet
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
Texte mehrspaltig anzeigen
ab: Version Veröffentlichungsdatum: 13. März 2017 Änderungsdatum: 15. März 2017 weblication cms core grid css css-only text mehrspaltig Nutzen Sie eigene CSS-Only-Varianten für das Text-Element, um Texte auch mehrspaltig anzuzeigen.
-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
Titel in Lightbox bei Bildern deaktivieren
ein Bild einen Titel eingepflegt hat, wird dieser automatisch in einer Lightbox angezeigt. Dies lässt sich über die CSS-Only Eigenschaft -w-showTitle:no; im Bildelement bzw. auch zu einer Bildergalerie-Variante verhindern. Sie können den Wert
Detailseiten in Listen per AJAX einbinden
lassen sich als komplette Seite, in einer Lightbox oder auch direkt in der Liste selbst per AJAX laden. Über CSS-Only können Sie direkt in der Listenvariante definieren, wo und auf welche Art die Details beim Klicke auf einen
-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-class
{ -w-editmaskExtended-class: yes;} Layout-Container mit beliebiger CSS-Klasse Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und Weblics® ! BASE (Mobile First) Projekte nutzen nur
-w-editmaskExtended-categoriesquickfilter
- Feld "Kategorien für Quickfilter Weiterführende Links weblics.de: Beispiel Personenverzeichnis 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:
Alternierende Listen umsetzen
eine komfortable Lösung, um alternierende Listeneinträge umzusetzen. Das Container-Element ermöglicht es, über die CSS-Only-Variante 170 ("Enthaltene Container alternieren"), enthaltene Container zu alternieren. Setzen Sie in in der
Tabelle: Zeilen, Spalten und Zellen individuell formatieren
aktuell zwei Möglichkeiten zur Verfügung, welche nachfolgend erläutert werden. Variante 1: Definition rein über CSS-Only Darstellungsvariante Tabelle (Maske) Im Standard wird das Tabellen-Weblic® mit Untervarianten für Tabellen Zeilen-,
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' );
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
Listenerweiterungen mit Parametern aufrufen
listEntryFull.wListExtension.php <!-- Inhalt von Seiten in Liste einbinden: Einbindbar ist die Erweiterung über CSS-only in der CSS-Variante wie folgt: Einlesen aller Inhaltselemente von Inhaltsbereichen aus content1:
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
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
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
Überlagernde Hauptüberschrift
Mit der neuen CSS-Only Variante 13 der Überschrift können Sie H1-Hauptüberschriften so unterstreichen, dass deren Unterlängen die Unterstreichung überlagern bzw. aussparen.