Typografie
Natürlich können diese Formatierungen durch Ihre eigenen Styles erweitert werden.
Das ist eine Überschrift in H1
Alle Styles, egal ob Überschriften oder was Sie auf dieser Seite sonst noch sehen, setzen Sie so einfach wie fetten Text in Ihrer Textverarbeitung. Einfach den Text im Texteditor des ins-www System markieren, Style für Überschrift auswählen, anwenden, speichern, fertig!Das ist eine Überschrift in H2
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.Das ist eine Überschrift in H3
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.Das ist eine Überschrift in H4
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.Das ist eine Überschrift in H5
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.Das ist eine Überschrift in H6
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.Horizontale Linie: <hr> tag mit class="dotted"
Hervorhebungs Styles
Default <a> tag
<a> mit class="icon-folder"
<a> mit class="icon-file"
<a> mit class="icon-download"
<a> mit class="icon-external"
<a> mit class="icon-pdf"
Default <em>
<em> mit class="box"
Default <acronym>
Default <abbr>
Unsortierte Listen Styles
- Default <ul> tag
- Lorem ipsum dolor
- Lorem ipsum dolor
- <ul> mit class="checkbox"
- <ul> mit class="arrow"
- <ul> mit class="star"
- <ul> mit class="check"
Geordnete Listen Styles
- Liste
- item 2
- item 3
- Liste mit class="disc"
- item 2
- item 3
Div and Span Styles
Blocksatz Styles
Beispiel blockquote Tag mit class="quotation":Hier sehen Sie vier Beispiele für Blocksatz. Auch hier, einfachste Handhabung. Markieren Sie den Text der in Blocksatz gesetzt werden soll im Texteditor und wählen die den Style Blocksatz.Blockquote tag mit class="quotation" und zusätzlichem p Tag.
Anwenden, speichern, fertig! Styles werden genauso einfach angewandt, wie wenn Sie Text in Ihrer Textverarbeitung im Büro markieren und fett darstellen wollen.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Kombinierte Styles
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation kombinierte Tags mit class "inset-right" oder "inset-left". Beispiel: <span class=" info inset-right width25">. ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Kombinierte Tags mit class "inset-right" oder "inset-left". Beispiel: <q class=" blockquote inset-right width25">.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Mögliche Width Classes .width15, .width18, .width20, .width23, .width25, .width33, .width35, .width40, .width45, .width50 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Formular Styles
Preformatted Text Style
pre {
margin: 10px 0 10px 0px;
padding: 5px 0 5px 10px;
border: 1px dotted #aab4be;
border-left: 20px solid #b4b4b4;
background: #fafafa;
font-size: 90%;
color: #2E8B57;
font-family: "Courier New",
Courier, monospace;
/* Browser spezifische styles */
/* für vorvormatierten Text */
}