Volltextsuche
-w-animation-zoom
! Sofern dies übersteuert werden soll, versehen Sie die CSS-Deklaration mit dem Wert !important . Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und Weblics® ! BASE (Mobile First) Projekte nutzen nur
-w-add-classes
{ -w-add-classes: wglFancybox; /* ... */ } Hinweis In manchen Fällen macht es Sinn, zur -w-add-classes CSS-Only-Eigenschaft zusätzlich über -w-addClasses die Klasse ebenfalls zu setzen. -w-addClasses setzt die Klasse
-w-allow-enlargement
werden. */ Ist zu -w-allow-enlargement nichts angegeben, ist dies standardmäßig immer deaktiv. Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und Weblics® ! BASE (Mobile First) Projekte nutzen nur
-w-add-events
CMS Version auch die aktuellste Version der ui.js, welche Sie als Weblic installieren können. Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und Weblics® ! BASE (Mobile First) Projekte nutzen nur
-w-use-orig-backgroundimage
livepreview: yes} */ .elementBox_var111 { -w-use-orig-backgroundimage: yes; /* ... */ ;} Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und Weblics® ! BASE (Mobile First) Projekte nutzen nur
-w-seturlentryonselect
zur entsprechenden Banner-Folie */ Weiterführende Links weblics.de: BannerSlider Variante 60 Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und Weblics® ! BASE (Mobile First) Projekte nutzen nur
-w-picture-background-color
default.wFilelist.php gallery.wFilelist.php Ab CMS-Version 11.x unterstützt auch die default.wFilelist.php diese CSS-Only-Eigenschaft. Beispiele / Anwendungsfälle Beispiel 1: Setzt die Hintergrundfarbe für das zu generierende Vorschaubild
-w-number-columns
Inhaltscontainer - Spaltenkombinationen Spaltenbreiten im mehrspaltigen Inhaltscontainer nachträglich über CSS-Only umsetzen Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und Weblics® ! BASE
-w-maptypestyler-visibility
simplified; /* ... */ } Google Map Element mit Auswahl der Werte für den Stil Weiterführende Links CSS-Only-Eigenschaft: -w-editmaskExtended-styler CSS-Only-Eigenschaft: -w-maptypestyler-saturation developers.google.com: Google
-w-maptypestyler-saturation
*/ ; -w-maptypestyler-saturation: -100} Google Map Element mit Auswahl der Werte für den Stil Weiterführende Links CSS-Only-Eigenschaft: -w-editmaskExtended-styler CSS-Only-Eigenschaft: -w-maptypestyler-visibility developers.google.com: Google
-w-maptypestyler-hue
#6883a4; /* ... */ } } Google Map Element mit Auswahl der Werte für den Stil Weiterführende Links CSS-Only-Eigenschaft: -w-editmaskExtended-styler CSS-Only-Eigenschaft: -w-maptypestyler-saturation developers.google.com: Google
-w-entriesperrow
! Sofern dies übersteuert werden soll, versehen Sie die CSS-Deklaration mit dem Wert !important . Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und Weblics® ! BASE (Mobile First) Projekte nutzen nur
-w-editmaskExtended-title
0 mit Eingabefeld für einen Titel Weiterführende Links weblics.de: Inhaltsbereich (Variante 0) Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und Weblics® ! BASE (Mobile First) Projekte nutzen nur
-w-editmaskExtended-thumbnail
yes; /* ... */ } Listen-Element Variante 111 mit Auswahl für die Anzeige 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-styler
Stil Die für die Auswahl zur Verfügung stehenden Werte definieren Sie über entsprechende Untervarianten, welche als CSS-Only-Eigenschaften zur Verfügung stehen (siehe weiterführende Links unten). Weiterführende Links CSS-Only-Eigenschaft:
-w-embedIfLocalSVG
ausgewählte SVG-Grafik wird direkt als SVG-Markup eingebettet und beim Mouseover farblich angepasst /* nachfolgende CSS-Only-Variante wird auf die im Bild-Element ausgewählte logo-weblication.svg Grafik angewandt */ /*@wCssFragment { class:
Tabelle: Zeilen, Spalten und Zellen individuell formatieren
aktuell zwei Möglichkeiten zur Verfügung, welche nachfolgend erläutert werden. Variante 1: Definition rein über CSS-Only Darstellungsvariante Tabelle (Maske) Im Standard wird das Tabellen-Weblic® mit Untervarianten für Tabellen Zeilen-,
wCSS::getEditmaskExtended
der abgefragte Wert nicht definiert, bzw. leer ist 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
Alternierende Listen umsetzen
eine komfortable Lösung, um alternierende Listeneinträge umzusetzen. Das Container-Element ermöglicht es, über die CSS-Only-Variante 170 ("Enthaltene Container alternieren"), enthaltene Container zu alternieren. Setzen Sie in in der
Link-Element: Pflegemaske erweitern
22. September 2023 Projektgrundlage: BASE Die Bearbeitungsmöglichkeiten für Links können Sie komfortabel über CSS-Only-Eigenschaften erweitern. Pflegemaske eines Links Standardmäßig wird das Weblic® "Link" mit den Pflegefeldern
Listeneintrag mit Ankerangabe
als Verlinkung der Liste übergeben. Variante 1: Umsetzung über das Objekt Variante 2: Umsetzung über die Listen CSS-Only-Variante Variante 1: Umsetzung über das Objekt "Dieses Dokument statt der Meldung verlinken" mit Anker Das news-Objekt
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
wCSS::deleteVariantOfCssStr
cssStr, String variant) Parameter cssStr CSS variant Zu löschende Variante Beispiel: Löscht die CSS-Only-Variante 42 aus elementBox.scss Quelltext <?php include( $_SERVER [ 'DOCUMENT_ROOT' ]. '/weblication/grid.php' );
Sidebar-Navigation bei mobiler Darstellung
2018 navigation sidebar mobile responsive 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
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: Neue Projektgrundlage für bestehende Projekte nutzen
Schritt 4: Installieren benötigter Weblics® / Templates nachrüsten Schritt 5: Layout wählen und anpassen, CSS-Only-Varianten nachinstallieren CSS-Only-Varianten nachinstallieren / übernehmen Optional: Zurück-Link bei aktuellen
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
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 Optional: Zurück-Link bei aktuellen
Listenerweiterungen mit Parametern aufrufen
listEntryFull.wListExtension.php <!-- Inhalt von Seiten in Liste einbinden: Einbindbar ist die Erweiterung über CSS-only in der CSS-Variante wie folgt: Einlesen aller Inhaltselemente von Inhaltsbereichen aus content1:
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 Projekten
Dekoratoren: Listenelemente mit DIVs umschließen
umschließen Veröffentlichungsdatum: 19. Dezember 2017 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Über CSS-Only Dekoratoren können Sie Listenelemente in zusätzliche HTML-Elemente, also z.B. DIVs packen. Auch eine mehrfache
Vorlesefunktion einbinden
11. Januar 2018 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Die Vorlesefunktion kann über CSS-Only an beliebiger Stelle eingebunden werden, um Inhalte aus der ganzen Seite oder nur von Teilbereichen vorzulesen. Zudem
Elementname des Akkordeon-Headers anpassen
Projektgrundlage: BASE Akkordeon-Header sind standardmäßig mit H3-Elementen ausgezeichnet. Dies können Sie pro über CSS-Only Varianten allerdings beliebig anpassen. Denkbar sind z.B. DIV- oder auch H1- bzw. H2- Elemente. Ändern des
Link-Ziel und Link-Symbol automatisiert setzen
setzen Veröffentlichungsdatum: 21. Januar 2020 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Über die CSS-Only Definitionen lässt sich festlegen, dass beim Eintragen eines Links abhängig von der URL das Icon für externe Links
Lazy Loading Funktion bei Bildern aktivieren / deaktivieren
20. Juni 2018 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Für das Bild-Element ist in den CSS-Only-Varianten (z.B. Variante 0) die Lazy Loading Funktion in der Regel standardmässig aktiviert Um bei bestimmten Bildern
Link-Element: Teilformatierung im Link-Text vornehmen
BASE Um einzelne Wörter im Link-Text hervorzuheben, können Sie mit aktuellstem Link-Weblic® auf eine CSS-Only-Eigenschaft zurückgreifen. Link-Bearbeitung mit Teilformatierung Setzen Sie dafür in der CSS-Datei für das
SVG-Grafik im Bild-Element nutzen
08. August 2023 Projektgrundlage: BASE Über das Bild-Element können Sie für SVG-Grafiken bzw. Icons spezielle CSS-Only-Varianten verwenden. Hierfür stehen bereits im Standard die Varianten 40 ("SVG-Grafik") und 41 ("SVG-Grafik
SVG-Icons für Links
den vordefinierten Link-Icons können Sie auch eigene SVG-Icons zum Dekorieren von Links auswählen. Dazu muss die CSS-Only Einstellung
Den Titel einer Liste ohne Link anzeigen
einer Liste nur aus einer Überschrift und nicht zusätzlich aus einem Link bestehen soll, können Sie das über die CSS-Only Option -w-option-displayTitle:onlyInner; festlegen. Listentitel ohne Link anzeigen .listDefault_varXYZ {
Sanftes Scrollen bei internen Links konfigurieren
konfigurieren. Das Verhalten ist entweder für spezielle Link- bzw. Navigationselemente oder auch global über CSS-Only definierbar. Global für alle Linkelemente eingestelltes Smooth Scrolling .elementLink { ... > a { -w-add-data:
WebP-Unterstützung für hochoptimierte Bilder
der Version 14 können Sie die zusätzliche Generierung von WebP-Bildern beim Einsatz von JPEG-Bildern einfach über CSS-Only aktivieren. Unterstützt werden neben Bildelementen auch Bildergalerien und Bannerbilder. WebP-Bilder ermöglichen in
Copyright Angabe für Bilder umsetzen
aktuellen Bild Weblic® zusätzlich die Schriftart und Schriftgröße des Copyright-Textes beeinflusst werden. In der CSS-Only-Variante eines Bildes kann hierzu über die CSS-Only-Eigenschaft -w-copyrightFontSize die Schriftgröße angegeben
Änderungen in Weblication® CMS Core/GRID
9). 008.004.081.000 07.05.2014 Über contentgroups:contentX|contentY; im @wCssFragment lässt sich die Auswahl von CSS-Only-Varianten auf beliebige Inhaltsgruppen einschränken. 008.004.066.000 30.04.2014 CSS-Only unterstützt serverseitig den
Überlagernde Hauptüberschrift
Mit der neuen CSS-Only Variante 13 der Überschrift können Sie H1-Hauptüberschriften so unterstreichen, dass deren Unterlängen die Unterstreichung überlagern bzw. aussparen.
Texte mit Hintergrundbildern und Farbverläufen versehen
Über neue CSS-Only Varianten lassen sich Überschriften nun mit Farbverläufen oder Hintergrundbildern versehen. Verlauf bzw. Hintergrundbild werden dabei direkt auf den Text selbst angewandt.
Unterschiedliche Varianten in Listenerweiterungen auswählbar machen
über die Listenoptionen unterschiedlich ausrichten bzw. darstellen. Listenoptionen mit erweiterter Pflegemaske Die CSS-Only-Variante zur Listendarstellung über den Objekt-Wizard kann um individuelle Pflegefelder der Listenoptionen ergänzt
Gestaltungsmöglichkeiten mit Überschriften
Zu den bestehenden Überschriften sind nun weitere CSS-Only Darstellungsvarianten hinzugekommen, deren Einsatz hier demonstriert wird.
Inhalte in mehrspaltigen Containern vertikal zentrieren
Mit der neuen CSS-Only Darstellungsvariante lassen sich Inhalte in mehrspaltigen Containern vertikal zentriert anzeigen.
Liste mit Box- oder Spalten-Darstellung
auf unterschiedliche Weise mehrspaltig darstellen. Für Ihre gewünschten Listendarstellungen gibt es bereits viele CSS-Only-Varianten, aus welchen Sie die für Ihre Umsetzung gedachte Variante wählen können. Box-Darstellung (Listenvariante
Infoboxen nach X-Sekunden automatisch einblenden
Infoboxen, Layer oder Seitenlaschen lassen sich nun nach einer über CSS-Only definierten Zeit automatisch einblenden.