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
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
-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 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
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
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 Liste nutzen
seit CMS-Version 014.004.041.00 die Möglichkeit, eigene Pflegemasken für Untervarianten zu nutzen. Listenoptionen mit CSS-Only Untervariante Im Screenshot nebenan wird zur Listen Hauptvariante "Standard (0)" aufgezeigt, wie die Nutzung einer
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
SVG-Bilder in Listen einbetten, um diese per CSS zu formatieren
als XML in die HTML-Seite eingebunden werden. Dies können Sie entsprechen dem folgenden Quelltextbeispiel in der CSS-Only Variante der entsprechenden Liste einstellen. Bindet SVG-Bilder in einer Liste als XML direkt im Quelltext ein, um
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
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
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
Ä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-size
-w-editmaskExtended-size: yes; /* ... */ } Social-Button Element Variante 0 mit Auswahl für Größe Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und Weblics® ! BASE (Mobile First) Projekte nutzen nur
-w-editmaskExtended-styler
Stil Die für die Auswahl zur Verfügung stehenden Werte definieren Sie über entsprechende Untervarianten, welche als CSS-Only-Eigenschaften zur Verfügung stehen (siehe weiterführende Links unten). Weiterführende Links CSS-Only-Eigenschaft:
-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:
wCSS::getEditmaskExtended
der abgefragte Wert nicht definiert, bzw. leer ist Beispiel: Ermittelt den Wert des pflegbaren Feldes 'margin' zur CSS-Only-Variante elementBox_var0 Quelltext <?php $cssPath = "/devGlobal/wGlobal/layout/styles/design.css" ; // Pfad der
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
Link-Element: Pflegemaske erweitern
22. September 2023 Projektgrundlage: BASE Die Bearbeitungsmöglichkeiten für Links können Sie komfortabel über CSS-Only-Eigenschaften erweitern. Pflegemaske eines Links Standardmäßig wird das Weblic® "Link" mit den Pflegefeldern
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-,
Weblication® CMS Version 9 - Start Betaphase
Bearbeitungsstände können Sie während der Bearbeitung zurückholen Datei-Informationen direkt in der Bearbeitung CSS-Only Varianten personalisiert in Editor einfügen CSS-Only Varianten lassen sich personalisiert einrichten Damit ist die
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
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: