Volltextsuche
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
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: 11. Mai 2022 weblication cms base css-only smooth scrolling wScrollSmoothToTarget Smooth Scrolling lässt sich per CSS-Only generell für alle internen Links
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
-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
HTML-Struktur, Darstellung, Pflegemaske und Mastertemplate über CSS-Only definieren
und Mastertemplate über CSS-Only definieren weitergeleitet
-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.
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
Inhaltsboxen individuell über CSS-Only erweitern
Inhaltsboxen individuell über CSS-Only erweitern weitergeleitet
todo
[26]=> string(15) "-w-viewportMinM" [27]=> string(16) "-w-viewportMinXL" [28]=> string(17) "-w-viewportMinXXL" } CSS-Only Eigenschaften, die lt. Achim ignoriert bzw. nicht zu dokumentieren sind: -w-editmaskExtended-columns
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.
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
Auf einen Wert hochzählen lassen
sobald sich das Element im sichtbaren Bereich befindet. Diesen Effekt können Sie auch an anderen Stellen über CSS-Only nutzen. Mit der Überschriftsvariante Hochzähler wird auf eine frei definierbare Zahl hochgezählt, sobald sich das
Ä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-date-format
-w-date-lang: de} Aktuelles Liste mit formatiertem Datum von CSS (siehe links) Weiterführende Links weblics.de: Liste CSS-Only-Eigenschaft: -w-date-lang php.net: date - Manual Mobile First BASE: Listen um Objektdaten erweitern und beliebig
-w-animation-direction
.listEntriesPreview .listEntry { /* ... */ ; -w-animation-direction: ltr; /* ... */ } Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und Weblics® ! BASE (Mobile First) Projekte nutzen nur
-w-allow-touch
yes; /* ... */ } Ist zu -w-allow-touch nichts angegeben, ist dies standardmäßig immer aktiv. Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und Weblics® ! BASE (Mobile First) Projekte nutzen nur
-w-addCopyright
zum Bild-Element in der Variante 0 .elementPicture_var0 { /* ... */ ; -w-addCopyright: no} Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und Weblics® ! BASE (Mobile First) Projekte nutzen nur
-w-usefancybox
{ /* ... */ ; -w-usefancybox: yes; /* ... */ ;} Weiterführende Links Anpassen einer Bildergalerie Variante über CSS-Only Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und Weblics® ! BASE (Mobile
-w-use-lib
der Weblication® eigenen wAccordion Funktionen .elementAccordion_var0 { -w-use-lib: wAccordion} Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und Weblics® ! BASE (Mobile First) Projekte nutzen nur
-w-registerJs
/* ... */ } Weiterführende Links Einsatz von Isotope und Masonry für Bildergalerien Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und Weblics® ! BASE (Mobile First) Projekte nutzen nur
-w-picture-mode
-w-picture-mode: crop;...} Weiterführende Links PHP-Framework Funktion: wThumbnail::createThumbnail Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und Weblics® ! BASE (Mobile First) Projekte nutzen nur
-w-option-linkTarget
.listEntry { -w-option-linkTarget: popupcustom; -w-add-data: popupwidth=800,popupheight=600} Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und Weblics® ! BASE (Mobile First) Projekte nutzen nur
-w-onclick
.listPictureGallery_var41 .listEntriesPreview .listEntry { /* ... */ ; -w-onclick: none; /* ... */ } Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und Weblics® ! BASE (Mobile First) Projekte nutzen nur
-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-preselectedentry
nichts angegeben, ist das Feld standardmäßig in den Listenoptionen des BannerSliders aktiv. Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und Weblics® ! BASE (Mobile First) Projekte nutzen nur
-w-editmaskExtended-picturepreviewmode
yes; /* ... */ } Listenoptionen Bildergalerie - Darstellungsart 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-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-picturemode
yes; /* ... */ } Listenoptionen Bildergalerie - Darstellungsart der Großbilder Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und Weblics® ! BASE (Mobile First) Projekte nutzen nur
-w-editmaskExtended-pictureaspectratio
yes; /* ... */ } Listenoptionen Bildergalerie - Seitenverhältnis Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und Weblics® ! BASE (Mobile First) Projekte nutzen nur
-w-editmaskExtended-parallaxcontentdirection
yes; /* .. */ } Weiterführende Links weblics.de: Inhaltsbox Variante 86: Parallax Inhalt Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und Weblics® ! BASE (Mobile First) Projekte nutzen nur
-w-editmaskExtended-parallaxcontent
Parallax Effekt Inhalt Weiterführende Links weblics.de: Inhaltsbox Variante 111: Parallax Inhalt Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und Weblics® ! BASE (Mobile First) Projekte nutzen nur
-w-editmaskExtended-parallaxbackgroundspeed
Scroll-Faktor Weiterführende Links weblics.de: Inhaltsbox Variante 85: Parallax Hintergrundbild Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und Weblics® ! BASE (Mobile First) Projekte nutzen nur
-w-editmaskExtended-parallaxbackgrounddirection
yes; /* .. */ } Weiterführende Links weblics.de: Inhaltsbox Variante 85: Parallax Hintergrundbild Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und Weblics® ! BASE (Mobile First) Projekte nutzen nur
-w-editmaskExtended-mouseoverimage
Variante 33 .elementBox_var33 { /* ... */ ; -w-editmaskExtended-mouseoverimage: yes; /* ... */ } Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und Weblics® ! BASE (Mobile First) Projekte nutzen nur
-w-editmaskExtended-margin
yes; /* ... */ } Social-Button Element Variante 0 mit Auswahl für Abstände Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und Weblics® ! BASE (Mobile First) Projekte nutzen nur
-w-editmaskExtended-link
Inhaltsbox Variante 33 .elementBox_var33 { /* ... */ ; -w-editmaskExtended-link: yes; /* ... */ } Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und Weblics® ! BASE (Mobile First) Projekte nutzen nur