CSS-Only Referenz

Weblication® 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 beliebig individuell gestaltete Webseiten rein über CSS bauen, ohne Templates zu ändern
  • Sie steuern JavaScript und XSLT über CSS
  • Sie können aus der permanent steigenden Anzahl standardisierter Layout-Varianten jederzeit Ihre neue Varianten downloaden und per Mausklick Ihre Websites und Anwendungen völlig ohne Programmierung ändern.

Neue Darstellungvarianten von Weblics® lassen sich oft in wenigen Minuten erstellen, weshalb wir bereits kostenlos für Partner Wunschvarianten erstellt haben. Wenn auch Sie Wünsche haben, Layout-Varianten zum Download zu nutzen - statt selbst eine CSS-Variante zu erstellen-, melden Sie sich einfach. Je nach Wunsch erstellen 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) Projekte nutzen nur Teile dieser CSS-Only-Eigenschaften und darüber hinaus weitere, hier nicht dokumentierte Eigenschaften, welche allerdings direkt im CSS der MF dokumentiert sind.
  • Alle nicht universellen CSS-Only-Eigenschaften sind meist über aktuelle Weblic® 2.x Versionen umgesetzt! In einer BASE 1.x mit Weblic® 1.x Versionen müssen Sie die entsprechenden Abfragen ggf. manuell nachrüsten! Passen Sie dort auch den WSL-Aufruf zum Inkludieren der CSS-Ressourcen an, damit WCSS interpretiert werden kann!

Mit CSS-Only können Sie viele Funktionen direkt in CSS abbilden, für die in der Vergangenheit PHP- oder JavaScript-Anpassungen notwendig waren. Beachten Sie, dass CSS-Only-Eigenschaften nur bei XML-Konformen Seiten korrekt greifen!

  • Einzelne CSS-Only-Varianten können innerhalb der Seitenbearbeitung nur für bestimmte Gruppen zur Auswahl angeboten werden (siehe hierzu Artikel "CSS-Only Varianten anpassen").
  • Ab CMS-Version 008.002.089.000 unterstützt CSS-Only einfache Rechenoperationen über wCalc:
    Beispiel: margin-left:-wCalc($widthBlockTop / 2);font-size:wCalc($fontSizeNavigationLevel2 + 2);
    * und - können auch verwendet werden.

Folgende Übersicht zeigt Ihnen, welche universellen und anwendungsbezogenen CSS-Only-Eigenschaften Sie in der design.css nutzen können.

Weitere Beispiele finden Sie im Entwickler-Blog über die weiterführenden Links unten.

DevBlog-Artikel zu CSS-Only
CSS-Only Varianten anpassen
Bedingte CSS-Definitionen mit CSS-Only