In NetObjects Fusion 12 können Sie Ihre eigenen CSS-Dateien hinzufügen und festlegen, ob die Stylesheets für die ganze Website, einen bestimmten Master-Rahmen oder eine bestimmte Seite gelten sollen.
Sie können CSS-Dateien importieren und die darin enthaltenen CSS-Regeln verwenden, indem Sie bestehende HTML-Tags überschreiben oder CSS-Klassen über die Dropdown-Liste „Benutzerdefinierte Formatvorlage" auf der Eigenschafts-Palette manuell direkt auf Objekte anwenden, die CSS unterstützen.
So fügen Sie eine CSS-Datei zum Styles-Explorer hinzu:
Klicken Sie im Styles-Explorer mit der rechten Maustaste auf den Ordner „Aktive SiteStyles"
Klicken Sie im Kontextmenü auf „CSS-Datei hinzufügen".
Das Dialogfeld „Öffnen" wird angezeigt.
Durchsuchen Sie den Inhalt nach der CSS-Datei, die Sie hinzufügen möchten. Klicken Sie auf „Öffnen".
Das Dialogfeld „CSS-Bereich" wird geöffnet. Hier können Sie wählen, für welchen Bereich der Site die CSS-Datei verwendet werden soll.
Das Dialogfeld enthält drei Optionen:
Site-übergreifend: Wenn diese Option aktiviert ist, wird die CSS-Datei bei der Publizierung für jede Seite der Site verwendet.
Master-Rahmen: Wenn diese Option aktiviert ist, wird die CSS-Datei bei der Publizierung für alle Seiten verwendet, die den ausgewählten Master-Rahmen enthalten.
Dazu gehen Sie wie folgt vor:
Klicken Sie auf die Schaltfläche „Auswählen". Das Dialogfeld „Master-Rahmen auswählen" wird angezeigt.
Wählen Sie einen oder mehrere Master-Rahmen aus der Liste aus.
Klicken Sie auf „OK".
Die CSS-Datei wird auf die ausgewählten Master-Rahmen angewendet.
Seiten: Wenn diese Option aktiviert ist, wird die hinzugefügte CSS-Datei bei der Publizierung nur für die ausgewählten Seiten verwendet.
Dazu gehen Sie wie folgt vor:
Klicken Sie auf die Schaltfläche „Auswählen". Das Dialogfeld „Site-Struktur - Seite(n) wählen" wird angezeigt.
Wählen Sie eine oder mehrere Seiten aus der Site-Struktur aus.
Klicken Sie auf „OK".
Die neue CSS-Datei erscheint im Styles-Explorer unter „Aktive SiteStyles". Alle in der Datei enthaltenen CSS-Regeln werden im Styles-Explorer angezeigt.
Der Inhalt der CSS-Datei wird in der Selektoren- und CSS-Code-Ansicht angezeigt. Im Styles-Explorer können Sie CSS-Regeln per Drag & Drop von einer CSS-Datei in eine andere verschieben.
Wenn Sie im Styles-Explorer auf eine Regel klicken, wird die CSS-Code-Ansicht zur Bearbeitung angezeigt.