Eigenes CSS oder JavaScript einbinden

Diese Anleitung erläutert, wie eigene CSS und / oder JavaScript-Dateien eingebunden werden können um das Erscheindungsbild des Templates individuell anzupassen.

Dokumentation zum einbinden von CSS oder JavaScript

Das einbinden von eigenem CSS und / oder JavaScript wird ausführlich in dem PDF beschrieben, welches Sie über den folgenden Link herunter laden können.

Hinweis: Die beschrieben Vorgehensweisen erfordern mindestens M9.0.

Demos für CSS / JavaScript Anpassungen

Es folgen zwei Beispiele für CSS und JavaScript-Anpassungen.

Inhalt mit spezieller CSS-Formatierung

Dieser Inhalt wurde mit dem CSS-Selektor my-special-css in den Element-Einstellungen ausgezeichnet. Dadurch wird der Hintergrund blau und es wird ein padding an den Rändern hinzugefügt.

In der CSS-Datei /demo/anleitungen/css-und-js-einbinden/custom.css wird dieser Selektor definiert.

Inhalt mit spezieller JavaScript-Aktion

Dieser Inhalt wurde mit dem CSS-Selektor my-js-demo in den Element-Eigenschafte ausgezeichnet. 

In der JavaScript-Datei /demo/anleitungen/css-und-js-einbinden/custom.js wird dieser Selektor verwendet, um über jQuery die Hintergrundfarbe des Elements zu ändern, wenn die Maus in dieses Element hinein bzw. daraus hinaus bewegt wird.