Volltextsuche
Anzahl der Ergebnisse: 174
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) ( BMF ) Projekte nutzen
Smooth Scrolling per CSS-Only generell aktivieren
um das Scrollen angenehmer wirken zu lassen. Beispiel (Auszug aus der design.css): Smooth Scrolling für alle Links per CSS-Only aktivieren a { -w-add-events: onclick=wScrollSmoothToTarget} Um Smooth Scrolling generell zu aktivieren, genügt das
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
CSS-Definitionen mit CSS-Only 02. Dez 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
48px; display: block; -w-picture-mode: crop;} /* ... */ Anhand diesem Beispiel sehen Sie, wie einfach eine bestehende CSS-Only-Variante nach eigenen Vorstellungen angepasst werden kann. Zur Veranschaulichung zeigen die oben ersichtlichen
Anpassen einer Bannerslider Variante über CSS-Only
cursor: pointer; box-sizing: border-box} /* ... */ Anhand diesem Beispiel sehen Sie, wie einfach eine bestehende CSS-Only-Variante nach eigenen Vorstellungen angepasst werden kann. Zur Veranschaulichung zeigen die oben ersichtlichen
Anpassen einer Variante des mehrspaltigen Inhaltscontainers über CSS-Only
einer Variante des mehrspaltigen Inhaltscontainers über CSS-Only Nutzbar ab: Version 008.000.207.000 20. Jul 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
2014 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
über CSS-Only Nutzbar ab: Version 010.002.353.000 11. Feb 2016 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
-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
BASE mitgelieferte Breadcrumb auf die erste Navigationsebene (Hauptpunkte) beschränken, lässt sich dies einfach über CSS-Only umsetzen. Setzen Sie in der design.css Ihres Projektes folgende Zeile, um die Brotkrümelnavigation durch Einsatz der
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.
todo
[23]=> string(15) "-w-viewportMinM" [24]=> string(16) "-w-viewportMinXL" [25]=> 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
Textelement im Editor mit dreispaltigem Text Mehrspaltige Texte können Sie für Redakteure über entsprechende CSS-Only-Varianten zur Verfügung stellen. Ein Redakteur muss für das entsprechende Text-Element lediglich die
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
-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
-w-usefancybox
{ /* ... */ ; -w-usefancybox: yes; /* ... */ ;} Weiterführende Links Anpassen einer Bildergalerie Variante über CSS-Only
-w-picture-srchover
.listDefault_var60 .listEntryThumbnail { /* ... */ ; -w-picture-srchover: color; /* ... */ } Weiterführende Links CSS-Only Eigenschaft:
-w-picture-colorspace
aus .listDefault_var60 .listEntryThumbnail { /* ... */ ; -w-picture-colorspace: gray; /* ... */ } Weiterführende Links CSS-Only Eigenschaft:
-w-number-columns
Inhaltscontainer - Spaltenkombinationen Spaltenbreiten im mehrspaltigen Inhaltscontainer nachträglich über CSS-Only
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
Sidebar-Navigation bei mobiler Darstellung
bei mobiler Darstellung 20. Okt 2014 Als Alternative zur klassischen mobilen Aufklappnavigation können Sie über CSS-Only auch eine Sidebar-Navigation anbieten. Als Alternative zur klassischen mobilen Aufklappnavigation können Sie über
Alternierende Listen umsetzen
das XSL-Template Beispiel 1: Umsetzung über CSS (nth-child) Die einfachste Lösung ist die Umsetzung rein über CSS (CSS-Only) und den Pseudo-Selektor nth-child . Im nachfolgenden Beispiel wird dem Vorschaubild innerhalb jedes li -Tags über
Pflege von textbasierten Daten
am Seitenende: Textfelder Auswahlfelder Datumswerte Dateipfade Verzeichnispfade Navigationszuordnung Farbauswahl CSS-Only Auswahl editor definiert den zur Pflege zu verwendenden Editor mögliche Werte:
Projektumstieg von BASE Classic auf BASE (Mobile First)
und Assets Schritt 5: Installieren benötigter Weblics® / Templates nachrüsten Schritt 6: Layout wählen und anpassen, CSS-Only-Varianten nachinstallieren CSS-Only-Varianten nachinstallieren / übernehmen Schritt 7: Textbausteine, Variablen,
wCSS::getEditmaskExtended
aufgeführt sind, ist dies entsprechend zu beachten. 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
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
-w-date-lang
-w-date-lang: de} Aktuelles Liste mit formatiertem Datum von CSS (siehe links) Weiterführende Links weblics.de: Liste CSS-Only-Eigenschaft: -w-date-format
-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
-w-animation-direction
Definiert die Laufrichtung durchlaufender Galerien
-w-allow-touch
Definiert, ob ein Element touchfähig ist
-w-addCopyright
Ergänzt ein Bild um den Copyright Hinweis
-w-add-objectdata
bannerSlider.wFilelist.php Beachten Sie: Beim Einsatz von SASS / wCSS2 als CSS-Interpreter dürfen Werte für CSS-Only-Eigenschaften keinen Doppelpunkt enthalten! Dies ist nicht SASS-konform. Verwenden Sie daher anstatt der
-w-use-lib
Definiert die zu verwendende Weblication® Library
-w-registerJs
Einbinden einer JavaScript Datei über CSS
-w-picture-mode
Definiert den Darstellungsmodus generierter Bilder
-w-option-linkTarget
Definiert das Link-Ziel eines Listeneintrages
-w-onclick
Deaktiviert das onclick-Ereignis für einen Listeneintrag im Vorschaubereich
-w-jquery
Führt den angegebenen jQuery-Code aus.
-w-entryselected
Definiert einen Eigenschaft des selektierten Listeneintrages
-w-entrieslimit
Definiert die Anzahl der aufzulistenden Einträge
-w-editmaskExtended-size
Definiert, ob die Auswahl für die Größe angeboten wird
-w-editmaskExtended-showtype
Definiert, ob die Checkbox für den Veranstaltungsparameter "Veranstaltungstyp in Liste anzeigen" angeboten wird
-w-editmaskExtended-showtimeonsingledaydates
Definiert, ob die Checkbox für den Veranstaltungsparameter "Uhrzeit bei eintägigen Terminen anzeigen" angeboten wird
-w-editmaskExtended-shadow
Definiert, ob die Auswahl für den Schatten angeboten wird