Volltextsuche
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 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
Sprachabhängige Inhalte über CSS definieren
definieren Nutzbar ab: Version Veröffentlichungsdatum: 21. Februar 2020 Änderungsdatum: 25. Juli 2024 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 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
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: 30. April 2024 weblication cms base css-only smooth scrolling wScrollSmoothToTarget wChangeScrollstatusOnAutoscrolling Smooth Scrolling lässt sich per
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
Eigene Pflegemasken zu CSS-Only Untervarianten nutzen
Projektgrundlage: BASE Weblication® CMS liefert Ihnen seit der BASE Classic vielfältige Möglichkeiten, rein über CSS nicht nur Formatierungen vorzunehmen, sondern darüber hinaus auch unterschiedliche Bearbeitungsmasken und vieles mehr
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
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 Ü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
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
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:
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',