Arbeiten in der Selektoren-Ansicht

Die Selektoren-Ansicht bietet eine erweiterte Ansicht, in der Sie CSS-Regeln bearbeiten können, indem Sie einen Selektor auswählen und die dahinter stehende CSS-Definition mithilfe der CSS-Fenster ändern.

Das mit dem im Styles-Explorer ausgewählten Element verbundene CSS-Stylesheet wird in der Selektoren-Ansicht angezeigt. In der linken Spalte sind die CSS-Selektoren aufgelistet und rechts wird eine Vorschau des ausgewählten Selektors angezeigt. Die Elemente in der Selektoren-Spalte können mit den drei CSS-Paletten („CSS - Standard", „CSS - Eigenschaften" und „CSS - Code-Editor") bearbeitet werden.

Die Selektoren-Ansicht zeigt alle CSS-Regeln für den SiteStyle bzw. die CSS-Datei, die im Styles-Explorer ausgewählt ist. Folgende CSS-Regeln werden in der Selektoren-Ansicht angezeigt:

Die Selektoren-Ansicht kann vordefinierte CSS-Regeln enthalten, die für Tabellen und einige der NetObjects Fusion-Komponenten verwendet werden. Diese Regeln haben feste Namen und werden als Standard-Styles für die entsprechenden Elemente verwendet.

In der Selektoren-Ansicht wird das gesamte Stylesheet auf einmal bearbeitet. Sie können entweder ein externes Stylesheet bearbeiten, das Sie verwenden möchten, oder ein NetObjects Fusion-Stylesheet.

Falls die entsprechende CSS-Regel für das in der Vorschau ausgewählte Element nicht in der Selektoren-Spalte angezeigt wird, wird sie von NetObjects Fusion automatisch hinzugefügt, wenn Sie mit der Bearbeitung beginnen.

Nur für einen Teil der Komponenten können Elemente in der Vorschau ausgewählt werden.

 

Bevor Sie mit der Bearbeitung von CSS-Regeln beginnen, müssen Sie gegebenenfalls den Schreibschutz entfernen. In der Selektoren-Ansicht klicken Sie dazu mit der rechten Maustaste auf die Ansicht und deaktivieren Sie im daraufhin eingeblendeten Kontextmenü die Option „Schreibgeschützt". Sie können den Schreibschutz auch in der Grafik-Ansicht entfernen. Für Informationen hierzu, siehe Deaktivieren des Schreibschutzes.

So bearbeiten Sie eine CSS-Regel in der Selektoren-Ansicht:

  1. Wählen Sie in der Selektoren-Spalte einen Selektor aus.

  2. Sehen Sie sich den Selektor im Vorschaubereich an.

  3. Bearbeiten Sie den Inhalt der CSS-Regel mit den CSS-Fenstern. Siehe Verwenden der CSS-Fenster.

In der Selektoren-Ansicht können Sie CSS-Regeln nicht entfernen. Um eine CSS-Regel zu entfernen, wechseln Sie zur CSS-Code-Ansicht und löschen Sie die Regel dort, oder entfernen Sie die Regel im Dialogfeld „Formatvorlagen verwalten".