Bücher online kostenlos Kostenlos Online Lesen
E-Books mit SIGIL (German Edition)

E-Books mit SIGIL (German Edition)

Titel: E-Books mit SIGIL (German Edition)
Autoren: Susanne Gerdom
Vom Netzwerk:
http://goo.gl/4FDNh

Anhang
Quelltexte

Quelltext für die Cover-Datei:
    
          "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    
    
        
      
    
    
      

       
      

    
    

Quelltext für die erste Text-Datei: 
    
          "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    
    
        
      
    
    
    

 


    

 


    
    

Stylesheet 
    siehe "Buch-Browser" unter "Formatierungen": mainstyle.css

Erklärung zum Stylesheet
    Das Style-Sheet ist die globale Formatvorlage für das eBook.

    body {
display: block;
font-size: 1em;
margin: 5px;
text-align: justify;
}
    Die einzelnen Elemente:
"body" definiert den “Körper”, sprich den sichtbaren Text. Er wird als „Block“ dargestellt.
 font-size: Zeichengröße (die skaliert ja der jeweilige Reader selbst, deshalb steht da nur 1em), 
margin: Rand (5px, sonst klebt das am Bildrand), 
text-alignt: Textausrichtung: Blocksatz. (Flattersatz links wäre „left“, zentriert „center“.)
    Eine gute Referenzseite hierzu: http://www.css4you.de/Texteigenschaften/text-align.html

    p {
font-style: normal;
font-family: Garamond;
text-indent: 10px;
margin: 0;
}

“p” bezeichnet immer einen Absatz. 
Eine kurze Anmerkung zur HTML-Syntax, der du im Quelltext begegnen wirst: Befehle tauchen in spitzen Klammern (tags) auf.

eröffnet einen Absatz und zwingend notwendig wird er mit dem Off-Zeichen / geschlossen:


Font-Style: nicht kursiv, nicht fett, nicht unterstrichen, sprich: normal
Family ist klar: Da kannst du die Schriftfamilie austauschen. Die Schriftbezeichung muss exakt sein! Probier ruhig rum. Du kannst nichts kaputtmachen, einfach wieder zurückändern oder das Original einlesen und alles ist wieder wie vorher. 
Text-indent ist schlicht der Einzug am Anfang. Wenn du keinen Einzug willst, stellst du das einfach auf 0. (Semikolon nicht löschen!)
Margin: Rand: ist ja oben schon global definiert, deshalb 0. Wenn du zwischen den einzelnen Absätzen einen Abstand definieren möchtest, kannst du den hier einstellen: Nach oben (margin-top) oder nach unten (margin-bottom). Du kannst px (Pixel) oder pt (Punkt) oder em (Schrifthöhe) als Größenordnungen wählen. Ich empfehle die "em"-Bezeichnung, weil die Reader ja skalieren. Bei px hättest du einen festen Abstand, der unter Umständen bei der Ausgabe dann zu klein oder zu groß erscheint. Die "em"-Gradeinstellung kann sehr fein laufen, von 0.1 bis zur ganzen Zahl und darüber hinaus. (Also zum Beispiel auch 1.7em oder 3,9em)

    .p1{
font-style: normal;
font-family: Garamond;
text-indent: 0;
margin: 0;
}

“p1” ist eine Unterform des Paragraphen/Absatzes. In diesem Fall ist es der Einzugsfreie, der nach einem „richtigen“ Absatz passiert. Ansonsten ist alles wie bei p

    .p2{
    font-style: italic; 
    font-family: Garamond;
    text-indent: 10px; 
    margin: 0;
    }
    Dieser Unterabschnitt unterscheidet sich von P nur dadurch, dass er kursiv gesetzt ist. (font-style: italic)

    .p21{
    font-style: italic; 
    font-family: Garamond;
    text-indent: 0; 
    margin: 0;
    }
    Das gleiche als Unterabschnitt des Einzugslosen. 

    .p3{
    font-style: normal; 
    font-family: Garamond;
    text-indent: 0; 
    text-align: center;
    margin: 0;
    }
    Wie P, nur zentriert (align: center)
    .p4{
    font-style: normal; 
    font-family: Garamond;
    font-size: 1.3em;
    text-indent: 0; 
    text-align: center;
    margin: 0;
    }
    Wie p, eine etwas größere Schrift, zentriert. (Das ist gut, wenn du eine Zwischenüberschrift machen willst, die nicht im Inhaltsverzeichnis auftauchen soll.) Hier kannst du die Schriftgröße ändern. (Font-size)

    .p5{
    font-style: normal;
    font-weight: bold; 
    font-family: Garamond;
    font-size: 1.8em;
    text-indent: 0; 
    text-align: center;
    margin: 0;
    }
    Wie P, noch größere Schrift, fett, zentriert. Auch für Zwischenüberschriften.
    .initial {
    color: #990000;
    font-size: 1.5em;
    font-family: Garamond;
    }
    Die definierte Initiale. Farbe dunkelrot (wenn du
Vom Netzwerk:

Weitere Kostenlose Bücher