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
aktivieren Veröffentlichungsdatum: 09. Mai 2017 Änderungsdatum: 11. Mai 2022 Smooth Scrolling lässt sich per CSS-Only generell für alle internen Links automatisch aktivieren, um das Scrollen angenehmer wirken zu lassen. Beispiel (Auszug
Inhaltsboxen individuell über CSS-Only erweitern
Einblender oder sonstige gruppierte Elemente umzusetzen. Um Titel, Pflegetags und Zusatzinfo erweiterte Pflegemaske CSS-Only zur erweiterten Anpassung der Pflegmaske -w-editmaskTitle: 'Hinweis als Infolayer';
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
Veröffentlichungsdatum: 02. Dezember 2014 Ü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
Bildergalerie Variante über CSS-Only Nutzbar ab: Version 008.000.207.000 Veröffentlichungsdatum: 25. Februar 2016 CSS-Only Varianten von Weblics® können Sie über CSS individuell anpassen Mit den Weblics® stehen Ihnen zahlreiche fertige
Anpassen einer Bannerslider Variante über CSS-Only
einer Bannerslider Variante über CSS-Only Nutzbar ab: Version 008.003.052.000 Veröffentlichungsdatum: 17. August 2018 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
Inhaltscontainers über CSS-Only Nutzbar ab: Version 008.000.207.000 Veröffentlichungsdatum: 20. Juli 2017 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
2016 Für Elemente des mehrspaltigen Inhaltscontainers lassen sich nun auch für die Definition der Spaltenaufteilung CSS-Only-Varianten nutzen. Mit der aktuellen BASE lassen sich die Breiten der Spalten noch einfacher definieren, da diese nun
Datumsanzeige als Kalenderblatt über CSS-Only
11. Februar 2016 Änderungsdatum: 27. Juli 2020 Eine Weblication® Liste können Sie über eine CSS-Only Untervariante auch mit einem Kalenderblatt zur Datumsanzeige darstellen. Liste mit Datumsanzeige als Kalender
-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
auf Hauptpunkte beschränken Veröffentlichungsdatum: 17. November 2016 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.
Inhaltsboxen individuell über CSS-Only erweitern
Inhaltsboxen individuell über CSS-Only erweitern weitergeleitet
todo
[24]=> string(15) "-w-viewportMinM" [25]=> string(16) "-w-viewportMinXL" [26]=> 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
Nutzbar ab: Version 11.x Veröffentlichungsdatum: 13. März 2017 Änderungsdatum: 15. März 2017 Nutzen Sie eigene CSS-Only-Varianten für das Text-Element, um Texte auch mehrspaltig anzuzeigen. Textelement im Editor mit dreispaltigem Text
-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
wCSS::setWidthBlock
aufgeführt sind, ist dies entsprechend zu beachten. Beispiel Setzt die Breite des blockContent Blockes für CSS-Only Quelltext <?php $cssPath = '/dev/dokumentationen/framework/beispiele/styles/design.css' ; print 'Breite des
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-showtimeonsingledaydates
yes} Listenoption für Veranstaltungskalender - Uhrzeit bei eintägigen Terminen anzeigen Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und Weblics® ! BASE (Mobile First) Projekte nutzen nur
-w-editmaskExtended-shadow
yes; /* ... */ } Social-Button Element Variante 0 mit Auswahl für Schatten 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