Benutzer-Werkzeuge

Webseiten-Werkzeuge


cms:css

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
cms:css [2025/08/12 14:00]
walter
cms:css [2025/08/12 14:10] (aktuell)
walter [Methode 2:]
Zeile 13: Zeile 13:
  
 Einfach Menü <Ansicht - HTML-Tags>​ wählen, dann werden alle Tags als gelbe Symbole dargestellt. Nun zwei Möglichkeiten:​ Einfach Menü <Ansicht - HTML-Tags>​ wählen, dann werden alle Tags als gelbe Symbole dargestellt. Nun zwei Möglichkeiten:​
-  - Mit rechter Maustaste auf einen Tag klicken und "​Erweiterte Eigenschaften"​ wählen. Im aufgehenden Fenster entweder HTML-Attribute oder "​Inline Style (CSS)" wählen. Hier kann der Code direkt bearbeitet werden. +==== Methode 1: ==== 
-  ​- ​In der Statuszeile (falls nötig per Menü <Ansicht - Statuszeile>​ zum Vorschein holen) am unteren Rand des Bildschirms mit rechter Maustaste auf das gewünschte Element klicken und "​Inline Styles"​ wählen. Nun geht ein Fenster mit mehreren Reitern auf, in dem alle denkbaren Eigenschaften eingestellt werden können. Das Gute an diesem Fenster: Die Auswirkung einer Einstellung wird sofort in einem kleinen Vorschaufenster angezeigt:+Mit rechter Maustaste auf einen Tag klicken und "​Erweiterte Eigenschaften"​ wählen. Im aufgehenden Fenster entweder HTML-Attribute oder "​Inline Style (CSS)" wählen. Hier kann der Code direkt bearbeitet werden.  
 +{{:​ebook:​erweiterte_einstellungen_kompozer.png?​400|}} 
 +==== Methode 2: ==== 
 +In der Statuszeile (falls nötig per Menü <Ansicht - Statuszeile>​ zum Vorschein holen) am unteren Rand des Bildschirms mit rechter Maustaste auf das gewünschte Element klicken und "​Inline Styles"​ wählen. Nun geht ein Fenster mit mehreren Reitern auf, in dem alle denkbaren Eigenschaften eingestellt werden können. Das Gute an diesem Fenster: Die Auswirkung einer Einstellung wird sofort in einem kleinen Vorschaufenster angezeigt:
  
 {{:​ebook:​inline_styles_in_kompozer.png?​400|}} {{:​ebook:​inline_styles_in_kompozer.png?​400|}}
 +
 +==== Code-Übernahme in andere Datei ====
 +
 +Soll Code in eine andere Datei (zum Beispiel in eine style-css-Datei in Sigil) übernommen werden, ist es am besten, die Einstellungen mit Methode 2 vorzunehmen und mit Methode 1 anzuschauen und zu kopieren und dann in die andere Datei einzufügen.
        
 ===== CSS für EPUB: ===== ===== CSS für EPUB: =====
  
 http://​www.data2type.de/​xml-xslt-xslfo/​epub-ueberblick/​ http://​www.data2type.de/​xml-xslt-xslfo/​epub-ueberblick/​
cms/css.1755000022.txt.gz · Zuletzt geändert: 2025/08/12 14:00 von walter