Volltextsuche
wPageCur::appendCss
hinzu. (verfügbar ab CMS-Version 015.001.011.000) Funktionsaufruf Void appendCss(String path) Parameter path Pfad der CSS Datei Fügt die custom.scss Datei zur design.css hinzu select= " php:functionString('wPageCur::appendCss',
wPageCur::registerCss
einbinden zu können. Funktionsaufruf Void registerCss(String path, String media) Parameter path Pfad der CSS Datei oder Inline-CSS media Medientyp Registriert die CSS-Datei für Ihre Anwendung (über XSL eingebunden) select= "
Einsatz von Isotope Darstellungen für Bildergalerien
nachfolgend Möglichkeiten auf, um eine Listendarstellung von Bildern über Techniken wie z.B. Isotope bzw. rein über CSS3 als Mauerwerk umzusetzen. Beispiel 1: Bilderliste Mauerwerk über CSS3 Beispiel 2: Bilderliste mit Einsatz des
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
CSS-Only: 951 Bildergalerien, Slider und mehr mit nur einem Programm-Code
einer Bildergalerie nur einen einzigen Programm-Code und manipuliert die Darstellung und Funktionalität alleine über CSS. So bietet Weblication® für verschiedene Bildergalerien oder Teaser-/Banner-Slider zahlreiche CSS-Only
Neue CSS-Only-Varianten zusammenklicken in Weblication® Version 10
Version 10 26. Feb 2015 In der kommenden Weblication® Version 10 können Sie auf der Basis einer bestehenden CSS-Only Variante die gewünschten Untervarianten auswählen und diese Auswahl anschließend als Grundlage für eine neue
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
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
3 Videos zu CSS-Only: Die Design-Technologie by Weblication®
der Design-Technologie by Weblication® - zeigen wir Ihnen: das Prinzip die Möglichkeiten wie Sie selbst gestalten mit CSS-Only: Die Design-Technologie by Weblication® 08. Dez 2015 Mit den folgenden drei Videos zu CSS-Only - der
CSS-Only Varianten anpassen
ab: Version 02. Oktober 2015 css css-only varianten fallbeispiele CSS-Only Varianten von Weblics® können Sie über CSS individuell anpassen. Fallbeispiele zeigen Ihnen das konkrete Vorgehen. Mit den Weblics® stehen Ihnen zahlreiche
CSS und Javascript dynamisch einbinden
dynamisch einbinden Veröffentlichungsdatum: 23. Oktober 2009 Änderungsdatum: 07. November 2017 javascript js css stylesheet include einbinden dynamisch weblic Ob eine CSS- bzw. eine Javscript-Datei im HTML-Kopf eingebunden wird,
CSS-Only Referenz
CMS ab Version 8 bietet mit CSS-Only eine grundlegend neue Technologie . Mit CSS-Only erstellen Sie rein über CSS individuelle Layouts , individuell gestaltete Anwendungen, Logik sowie responsive Designs. Ihre Vorteile : Sie können
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
Bedingte CSS-Definitionen mit CSS-Only
mit CSS-Only 02. Dezember 2014 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
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
CSS - first-child bei Inhaltsbereichen
{ + .elementSection { padding-top: 2rem !important; } } } } Tipp Alternativ kann dies auch über folgende CSS-Only-Eigenschaft ermöglicht werden: -w-option-addPositionOfElement:1; /* Position des Elementes als Data-Attribut
Änderungen in Weblication® CMS Core/GRID
6.x Version 5.x Version 8.x 008.008.000.000 26.03.2015 Final Version 008.005.054.000 24.06.2014 Die Tagcloud wurde um CSS-Klassen zur Formatierung abhängig von der Gewichtung ergänzt 008.005.013.000 05.06.2014 Die Kategorienauswahl
Kann ich das Ändern von CSS-Variablen auch rein mit CSS realisieren?
von CSS-Variablen auch rein mit CSS realisieren? Im Artikel wird ein Hinweis gezeigt, wie das gleiche Skript mit CSS-Only umgesetzt werden könnte, allerdings ist zur Manipulation von CSS-Variablen bei Ereignissen oder Bedingungen
So lesen und schreiben Sie CSS-Variablen über jQuery
sehr leicht lesen und schreiben. Wie, das zeigen wir Ihnen in einem kleinen Beispiel. Während sich einzelne CSS-Eigenschaften grundsätzlich auch einfach direkt über JavaScript setzen lassen, kann diese Technik sehr nützlich
So schreiben Sie Hintergrundbilder der Navigation in eine CSS-Datei
der Navigation in eine CSS-Datei Veröffentlichungsdatum: 19. April 2010 Änderungsdatum: 11. Januar 2012 navigation css hintergrundbild hintergrundgrafik background-image Dieser Artikel beschreibt, wie Sie es einem Redakteur ermöglichen,
Darstellung des Mehrfachuploader im Formular individuell beeinflussen
Formular individuell beeinflussen Das Mehrfachuploader-Feld innerhalb eines Formulares können Sie mit JavaScript und CSS selber umgestalten. Ein Beispiel finden Sie anhand von JavaScript und CSS nachfolgend aufgezeigt. Beispiel: JavaScript
Version 15: CSS-Only Untervarianten in Hauptvarianten importieren
Untervarianten in Hauptvarianten importieren, um die Darstellung dafür fest vorzudefinieren. Nach dem Import ist keine CSS-Only Untervariante für den entsprechenden Parameter mehr auswählbar. Die Darstellung ist fest in der Hauptvariante
includeCssRessources
[PATH] dirOptimized Zielverzeichnis der optimierten Dateien Boolean generateCSS3 Definiert, ob die browserspezifischen CSS3-Varianten automatisch generiert werden soll [PATH] pathCSS3Pie Pfad zu CSS 3 PIE Boolean generateDataURL Generiert
Warum ist es nützlich, CSS-Variablen über JavaScript zu setzen statt einzelne CSS-Eigenschaften direkt zu verändern?
CSS-Variablen über JavaScript zu setzen statt einzelne CSS-Eigenschaften direkt zu verändern? Das Setzen von CSS-Variablen über JavaScript hat mehrere Vorteile: Die Werte können zentral im CSS definiert werden, was die Wartung
-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
wPageCur::insertBeforeCss
015.001.011.000) Funktionsaufruf Void insertBeforeCss(String path, String insertBeforePath) Parameter path Pfad der CSS Datei insertBeforePath Import-Pfad, vor den die CSS eingebunden werden soll Fügt die custom.scss Datei vor dem Import
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
wCSS::optimizeCSS
::optimizeCSS Optimiert CSS Funktionsaufruf String optimizeCSS(String cssStr, Array options = array()) Parameter cssStr CSS options generateCSS3 => [0|1] Falls CSS3-Definitionen automatisch generiert werden sollen pathCSS3Pie => String
CSS Grid-Layouts werden unterstützt
oder Raster Layouts). Damit lässt sich ein virtuelles Grid mit Elementen füllen, und die Elemente sind pflegbar. In CSS Grid-Layouts können Sie Elemente in Spalten und Reihen ausrichten. Im Vergleich zu Tabellen ergeben sich dabei neue
Font Awesome für Navigationssymbole nutzen
21. Februar 2017 Änderungsdatum: 17. Oktober 2022 weblication cms base navigation symbole icons fonts awesome css Navigationspunkte können Sie über Symbole (z.B. Fonticons) ohne grossen Aufwand ansprechend gestalten. Font Awesome
CSS-Stylesheet nur einbinden, wenn ein bestimmtes Element in der Seite vorhanden ist.
in der Seite vorhanden ist. 20. Oktober 2009 css stylesheet bedingt Dieses Beispiel zur bedingten Einbindung von CSS-Dateien kann auch für JS-Skripte oder sonstige Elemente genutzt werden Wenn Sie bestimmte CSS-Dateien nur dann
-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
Neue Elemente rein über CSS erstellen in Weblication®
in Weblication® 09. Aug 2018 Mit neuen Techniken in Weblication® Version 13 erstellen Sie blitzschnell rein über CSS neue Elemente samt HTML-Struktur, Darstellung, Pflegemaske und Mastertemplates. Beispiel: Aufbau des Produktvergleichs
Formatierung der Druckansicht beeinflussen
formatierung Die Ausgabe der Webseiten für die Druckvorschau können Sie über das Drucktemplate und die separate CSS-Datei beeinflussen. Um Ihre Webseiten für den Ausdruck von Webseiten zu optimieren, können Sie zum einen über "
Ä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
Vorlesefunktion für Seitentexte nutzen
Sowohl die BASE Classic als auch Mobile First BASE ermöglichen dies über die ui.js JavaScript-Datei in Verbindung mit CSS. Hierzu muss lediglich die ui.js auf aktuellstem Stand sein und für die Anzeige des Buttons zum Starten/Beenden des
Welches Template wird für die Druckansicht verwendet und wie kann ich es anpassen?
Ansichts- und Bearbeitungstemplates und kann individuell angepasst werden. Zusätzlich referenziert das Template die CSS-Datei print.css , mit der Sie die Formatierung der Druckausgabe individuell beeinflussen können. Mehr dazu in
Version 8: So einfach installieren Sie Layout-Varianten
Sie den Reiter "Weblic Layout-Varianten" aus. Wählen Sie danach das Weblic® aus und installieren Sie die gewünschte CSS Layout-Variante. Bereits installierte Varianten werden entsprechend markiert. Aufruf über die Weblic®-Konfiguration
-w-embedIfLocalSVG
direkt als SVG-Markup in das HTML-Dokument eingebettet werden soll. In dem Fall lassen sich dann z.B. Farben im CSS anpassen. (nutzbar ab Bild-Weblic Version 002.000.738.000) picture.standard.wItem.php Beispiele / Anwendungsfälle
Objektwizard - Listeneintrag des Objektes
verlinken': 'Position / Ausrichtung': 'Abstand': 'Farbe': 'Innerhalb farbiger Bereiche': 'Größe': 'Zusätzliches CSS': 'Zusätzliches CSS': 'Nur Anzeigen, wenn nicht leer': Objektdaten als HTML bzw. nur HTML Info-Text / Weitere Beispiele
wCSS::getValue
file, String selector, String key, String default = null, Boolelan inherit = false) Parameter file Pfad der CSS-Datei selector Selektor key Schlüssel des Wertes default Standardwert, falls der abgefragte Wert nicht definiert, bzw.
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:
-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
Version 17: CSS bearbeiten über Masken: Bereiche auf-/zuklappar
17: CSS bearbeiten über Masken: Bereiche auf-/zuklappar 17. Feb 2022 In Weblication® Version 17 lassen sich bei der: CSS bearbeiten über Masken: Bereiche auf-/zuklappar 17. Feb 2022 In Weblication® Version 17 lassen sich bei der
-w-editmaskExtended-id
Mögliche Werte Beschreibung Einsatzgebiet [yes|no] Definiert, ob ein Eingabefeld für ein Individualformat (CSS id) angeboten wird container.layout.wItem.php Beispiele / Anwendungsfälle Beispiel 1: Aktiviert das Eingabefeld zur
highlightCode
berücksichtigt werden soll. php - PHP Quelltext xslt - XSLT Quelltext xml - XML Quelltext html - HTML Quelltext css - CSS Quelltext json - JSON Quelltext [|0|1] hideStartEndTags Falls PHP Start- und Endtags nicht angezeigt werden sollen
Globale Projekteinstellungen
alle in einem Projekt vorhandenen Sprachprojekte ein einheitliches Layout und greifen auf diesselben XSL-Stylesheets, CSS-Stylesheets und Inhaltselemene zu. Die für das Layout zuständigen Elemente erreichen Sie in der Projektübersicht und
Version 16: Geänderte CSS-Varianten sichtbar machen und aktualisieren
CSS-Varianten sichtbar machen und aktualisieren 24. Jun 2021 In Weblication® Version 16 lassen sich geänderte CSS-Only Darstellungsvarianten sichtbar machen und direkt durch die aktuelle Variante auf dem Download-Server
Version 15: Anzuzeigende Listenelemente verschieben
Listenelemente verschieben 15. Jun 2020 In Weblication® Version 15 lassen sich anzuzeigende Listenelemente in der CSS-Only Definition verschieben. Entsprechend der angeordneten Reihenfolge werden die entsprechenden Daten in einer Liste
wPageCur::getPathCSS
String getPathCSS() Parameter Diese Funktion benötigt keine Parameter. Beispiel: Ermittelt den Pfad der aktuellen CSS-Datei Quelltext <?php print wPageCur :: getPathCSS (); ?> Ergebnis /devGlobal/wGlobal/layout/styles/design.css