Scribe! - Tools


Style-Sheet - Editor

Der Style-Sheet - Editor erleichtert Ihnen den Umgang mit Cascading Style-Sheets. Zu erreichen ist der Editor entweder
  1. über den Menüpunkt "Scribe! - Tools/Style-Sheet - Editor...",
  2. über diesen Button , der sich in jedem Tag-Dialog befindet
  3. oder ganz einfach dadurch, indem Sie in eine beliebige Style-Sheet - Definition in einem Dokument klicken und Strg+F3 drücken (Shortcut für das Kontext-Menü des Textfeldes).
Wie der Editor erreicht wurde, wirkt sich auch auf das Style-Sheet - 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.
  1. Wählen Sie dazu zunächst einen Tag aus der oberen, rechten Auswahlliste (z.B. "p") und klicken Sie rechts daneben auf den Button.
  2. Platzieren Sie den Cursor zwischen die beiden spitzen Klammern.
  3. Um dem Paragraph-Tag jetzt eine Schriftart zuzuweisen , wählen Sie als Kategorie "Schriftformatierung".
  4. Selektieren Sie als Style-Sheet - Angabe den Punkt "font-family" und als Attribut z.B. den Eintrag "Arial".
  5. Drücken Sie nun den Button "Definition einfügen".
  6. Um eine Schriftfarbe zu bestimmen, nehmen Sie als Style-Sheet - Angabe "color" und als Attribut "Red" für rot.
  7. Drücken Sie "Definition einfügen".
  8. Rot gefällt Ihnen nicht? Wie wär's mit blau? Klicken Sie dazu in die Definition "color:Red". Die Definition wird markiert.
  9. Selektieren Sie als Attribut "Blue" und drücken den Button "Definition einfügen".
So sieht's aus:

Die Speicherung der Angaben erfolgt über Style-Sheet/Speichern unter....
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.
  1. Um dem Tag eine Hintergrundfarbe zuzuweisen , wählen Sie als Kategorie "Hintergrund".
  2. Selektieren Sie als Style-Sheet - Angabe den Punkt "background-color" und als Attribut den Eintrag "Navy" für dunkelblau.
  3. Drücken Sie nun den Button "Definition einfügen".
  4. 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".
  5. Um diese Definitionen nun dem Tag zuzuweisen, benutzen Sie den Menüpunkt Style-Sheet/Werte übernehmen.
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ü.