Verwenden der CSS-Bibliothek

NetObjects Fusion 12 bietet eine neue umfangreiche CSS-Bibliothek mit einer Sammlung externer Stylesheets, die Sie zur Implementierung unterschiedlicher Design-Lösungen in Ihren Projekten nutzen können.

Die Ordner unter „CSS Lib" enthalten eine Auswahl von Stylesheets, mit denen Sie Formatierungsänderungen in Ihren Website-Projekten schnell umsetzen können.

So fügen Sie eine CSS-Datei aus dem Ordner „CSS Lib" zum Ordner „Aktive SiteStyles" hinzu:

  1. Blenden Sie im Styles-Explorer zunächst die Unterordner des Ordners „CSS Lib" ein und dann den Inhalt des gewünschten CSS-Style-Ordners. Blenden Sie zum Beispiel den Inhalt des Style-Ordners „City Blue" ein und wählen Sie das Stylesheet forms.css aus.

  2. Im Styles-Explorer werden die vordefinierten CSS-Regeln des Stylesheets „forms.css" angezeigt.

  3. Ziehen Sie forms.css in den Ordner „Aktive SiteStyles".

  4. Das Dialogfeld „CSS-Bereich" wird angezeigt. Hier müssen Sie festlegen, auf welchen Bereich Ihres Projekts die CSS-Datei angewendet 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.

? Seiten: Wenn Sie diese Option aktivieren, wird ein Dialogfeld angezeigt, in dem Sie auswählen können, auf welche Seiten die CSS-Datei angewendet wird.

 

Anwenden eines Stylesheets auf bestimmte Master-Rahmen

 

  1. Klicken Sie auf die Schaltfläche „Auswählen". Das Dialogfeld „Master-Rahmen auswählen" wird angezeigt.

  2. Wählen Sie einen oder mehrere Master-Rahmen aus der Liste aus.

  3. Klicken Sie auf „OK".

Die CSS-Datei wird auf die ausgewählten Master-Rahmen angewendet.

 

Anwenden eines Stylesheets auf bestimmte Seiten

 

  1. Klicken Sie auf die Schaltfläche „Auswählen". Das Dialogfeld „Site-Struktur - Seite(n) wählen" wird angezeigt.

  2. Wählen Sie eine oder mehrere Seiten aus der Site-Struktur aus.

  3. Klicken Sie auf „OK".

Die neue CSS-Datei erscheint im Styles-Explorer unter „Aktive SiteStyles" und wird auf die Seiten angewendet, die Sie ausgewählt haben.