Volltextsuche
Sprachabhängige Inhalte über CSS definieren
Nutzbar ab: Version Veröffentlichungsdatum: 21. Februar 2020 Änderungsdatum: 22. November 2021 weblication cms css css-only texte wtext textbausteine sprache sprachabhängig spachprojekte multi weiter mehr more In mehrsprachigen
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
CSS3 - gewusst wie
Veröffentlichungsdatum: 13. März 2012 Änderungsdatum: 24. Januar 2014 css css3 gradient shadow box border background CSS3 für unterschiedliche Browser schnell und einfach einsetzen. Mit CSS3 können Sie Effekte, wie z.B. Schatten, runde
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 engebunden wird, kann
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
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
CSS-Definitionen exklusiv in der Webseite oder im Editor einsetzen
exklusiv in der Webseite oder im Editor einsetzen 07. Februar 2020 weblication cms css editor bearbeitung CSS abhängig vom Editor setzen. Die design.css wird sowohl in der Seitenausgabe als auch im Editor genutzt. Sie können
Alternative Darstellung der Webseite: CSS benutzerabhängig nutzen
CSS benutzerabhängig nutzen Veröffentlichungsdatum: 08. November 2019 Änderungsdatum: 28. Mai 2021 weblication cms css darstellung barrierefrei barrierefreiheit barrierearm web accessibility behinderung behindert textansicht grafikansicht
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
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
CSS abhängig vom Editor
Veröffentlichungsdatum: 07. Februar 2020 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Die Darstellung über CSS lässt sich abhängig davon definieren, ob man sich im Editor, also Bearbeitungsmodus, befindet, oder im Frontend.
CSS-Rendering - Inhalte wie Bilder automatisch in passender Breite generieren
29. November 2018 bild grafik picture element grösse größe breite anpassen anpassung berechnung berechnen rendering css Weblication® CMS passt Inhalte, wie z.B. Bilder, über das CSS-Picture-Rendering automatisch auf die korrekte Größe
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
So schreiben Sie Hintergrundbilder sprachabhängig über CSS
16. März 2011 Änderungsdatum: 26. Juli 2012 hintergrundbild hintergrundgrafik background-image css Dieser Artikel beschreibt, wie Sie ein Hintergrundbild sprachabhängig über CSS im Kopf der Datei hinterlegen. Ein
CSS-Only Referenz verfügbar
Referenz verfügbar 25. Juni 2013 css-only referenz dokumentation Mit CSS-Only können Sie viele Funktionen direkt in CSS abbilden, für die in der Vergangenheit PHP- oder JavaScript-Anpassungen notwendig waren. Mit CSS-Only können Sie
Eigene Pflegemasken zu CSS-Only Untervarianten nutzen
Projektgrundlage: BASE Weblication® CMS liefert Ihnen seit der BASE Classiv vielfältige Möglichkeiten, rein über CSS nicht nur Formatierungen vorzunehmen, sondern darüber hinaus auch unterschiedliche Bearbeitungsmasken und vieles mehr
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
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
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
Debug-Funktionen zu Listen, Navigationen, Vorschaubildern und CSS nutzen
nutzen Veröffentlichungsdatum: 25. Juli 2011 Änderungsdatum: 28. Juli 2022 debug debuggen ausgabe listen navigationen css picture rendering bildgrössenanpassung vorschaubilder thumbnails Einblenden von Debug-Informationen für einen
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
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
Alternierende Listen umsetzen
Lösungen hierfür an. Beispiel 1: Umsetzung über die Listendarstellung des Objektes Beispiel 2: Umsetzung über CSS (nth-child) Beispiel 3: Umsetzung über das XSL-Template Beispiel 1: Umsetzung über die Listendarstellung des Objektes
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
Tabelle über CSS-Only responsive darstellen
08. August 2023 Projektgrundlage: BASE Tabellen lassen sich auf kleinen Bildschirmen, wie z.B. auf Smartphones, über CSS anders darstellen. Tabelle: Ansicht auf Desktop Nehmen wir die Tabelle, welche mit dem BASE Projekt bereits im Standard
Ä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
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
Eigene Pflegemasken zu CSS-Only Untervarianten der Überschrift nutzen
in aktuellen Versionen bereits die Nutzung eigener Pflegemasken zu Untervarianten. Überschrift Optionen über CSS-Only Hauptvariante mit Untervarianten Im Screenshot nebenan wird zur Überschriften Hauptvariante "Standardüberschrift
Nicht relevante Sass-Bedingungen werden im CSS Editor inaktiv dargestellt
Sass-Bedingungen werden im CSS Editor inaktiv dargestellt Veröffentlichungsdatum: 27. Juni 2017 Änderungsdatum: 08. August 2023 Projektgrundlage:
Tabelle: Zeilen, Spalten und Zellen individuell formatieren
Tabellenspalten und Tabellenzellen können mit einer individuellen Klasse versehen werden, um diese über CSS zu formatieren. Hierzu stehen Ihnen aktuell zwei Möglichkeiten zur Verfügung, welche nachfolgend erläutert werden.
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,
SVG-Bilder in Listen einbetten, um diese per CSS zu formatieren
BASE SVG-Bilder werden in Listen standardmäßig über ein IMG-Element eingebunden. Sollen diese allerdings über CSS-gestaltet werden, müssen sie direkt als XML in die HTML-Seite eingebunden werden. Dies können Sie entsprechen dem
CSS-Grid-Layout formatieren mit JavaScript in CSS-Only
Weblication® kann über eigene Weblication® Techniken in Verbindung mit der BASE (Mobile First) JavaScript direkt in CSS eingebettet werden. Hier kann man auch komplexeres jQuery nutzen, um damit dynamisch CSS-Variablen zu setzen, die
Mobile Performance durch Einbetten der benötigten CSS-Definitionen im Kopfbereich
ab: Version Veröffentlichungsdatum: 25. Juni 2018 Änderungsdatum: 27. Mai 2021 weblication cms performance mobile css kopfbereich head Version 13: Durch Einbetten der benötigten CSS-Definitionen im Kopfbereich werden Seiten auf mobilen
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
Spezielle Breite für CSS-Picture-Rendering setzen
setzen Nutzbar ab: Version Veröffentlichungsdatum: 26. August 2013 Änderungsdatum: 09. November 2017 css picture rendering Die automatische Bildgrößenberechnung über CSS-Angaben (CSS-Picture-Rendering) lässt sich über
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
Wie blendet man CSS-Variablen in der Maske aus?
auszublenden, stehen showIf-Abfragen zur Verfügung. Über folgende Anweisung wird z.B. in der colors.scss (Farben) die CSS-Variable für die Hintergrundfarbe des Kopfbereiches nur angezeigt, wenn der Kopfbereich nicht über den Struktureditor
-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
Responsive Toggler-Navigation anpassen
BASE Responsive Navigation 2) Erforderliche Komponenten Die in der BASE intergrierte Toggler-Navigation wird über CSS definiert und über Javascript angesprochen. Folgende Dateien sind hierfür verantwortlich: design.css Pfad:
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= "
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
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',
HTML-Struktur, Darstellung, Pflegemaske und Mastertemplate über CSS-Only definieren
und Mastertemplate über CSS-Only definieren weitergeleitet
Nützliche Helfer zum Debuggen von Javascript, CSS, HTML & Co
den Aufbau und die Arbeit eines Projektes auf. Häufig steht man bei Projektumsetzungen vor dem Problem, dass bestimmte (CSS) Formatierungen angepasst werden sollen, Javascript Fehler auftauchen oder sonstige Probleme mit der HTML-Struktur