Wie der Editor erreicht wurde, wirkt sich auch auf das - Menü aus.
Fall 1 (über Scribe!-Tools/Style-Sheet - Editor...):
In diesem "Normal"-Modus können für beliebig viele Tags Style-Sheet - Angaben definiert werden.
- Wählen Sie dazu zunächst einen Tag aus der oberen, rechten Auswahlliste (z.B. "p") und klicken Sie rechts daneben auf den Button.
- Platzieren Sie den Cursor zwischen die beiden spitzen Klammern.
- Um dem Paragraph-Tag jetzt eine Schriftart zuzuweisen , wählen Sie als Kategorie "Schriftformatierung".
- Selektieren Sie als Style-Sheet - Angabe den Punkt "font-family" und als Attribut z.B. den Eintrag "Arial".
- Drücken Sie nun den Button "Definition einfügen".
- Um eine Schriftfarbe zu bestimmen, nehmen Sie als Style-Sheet - Angabe "color" und als Attribut "Red" für rot.
- Drücken Sie "Definition einfügen".
- Rot gefällt Ihnen nicht? Wie wär's mit blau? Klicken Sie dazu in die Definition "color:Red". Die Definition wird markiert.
- Selektieren Sie als Attribut "Blue" und drücken den Button "Definition einfügen".
So sieht's aus: |
|
Die Speicherung der Angaben erfolgt über .
Diese Datei kann dann im Editor mit
"Einfügen/Style-Sheets/Externe Style-Sheet - Datei einfügen..." genutzt werden.
Fall 2 (über CSS-Button...):
Sobald Sie auf den Button geklickt haben, erscheint der Style-Sheets - Editor. Die Auswahlliste sowie andere datei-spezifische Funktionen sind deaktiviert, da die Definitionen ja nur für einen bestimmten Tag gelten.
- Um dem Tag eine Hintergrundfarbe zuzuweisen , wählen Sie als Kategorie "Hintergrund".
- Selektieren Sie als Style-Sheet - Angabe den Punkt "background-color" und als Attribut den Eintrag "Navy" für dunkelblau.
- Drücken Sie nun den Button "Definition einfügen".
- Sollte Ihnen dieses Blau zu dunkel sein, klicken Sie in die Style-Sheet - Definition "background-color:Navy". Wählen Sie den Eintrag "Blue" für hellblau und drücken Sie "Definition einfügen".
- Um diese Definitionen nun dem Tag zuzuweisen, benutzen Sie den Menüpunkt .
So sieht's aus: |
|
Fall 3 (über Strg+F3 oder Kontextmenü...):
Nachbearbeitet werden können alle Style-Sheet - Definitionen, die sich entweder im Bereich des
<style>-Tags in einem Dokument befinden.
Für eine Nachbearbeitung klicken Sie in die
<style type="text/css"> - Angabe und wählen Sie die Tasten Strg+F3 oder den Eintrag "Style-Sheets bearbeiten..." im Kontextmenü.