Hilfsnavigation:

Retriever in Not - zur Startseite

Styleguide

Styleguide - Inhalte, Auszeichnungen & Elemente

-------------------------------------
Absätze

This is the first paragraph. Curabitur eu libero nec nibh tempus fermentum. Praesent et tellus. Sed semper felis id nibh. Morbi luctus accumsan lectus. Nulla blandit eros. Vestibulum libero risus, rhoncus id, interdum eget, mattis non, magna. Praesent ac enim. Maecenas lacus pede, imperdiet at, ullamcorper nec, fermentum vel, ipsum. Vivamus pretium. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Mauris tincidunt, pede sed sagittis viverra, tortor turpis dapibus enim, a vehicula pede quam vel lorem.

This is second paragraph. Use this paragraph to see what the before and after margins of a paragraph look like between otehr paragraphs. Curabitur eu libero nec nibh tempus fermentum. Praesent et tellus. Sed semper felis id nibh. Morbi luctus accumsan lectus. Nulla blandit eros. Vestibulum libero risus, rhoncus id, interdum eget, mattis non, magna. Praesent ac enim. Maecenas lacus pede, imperdiet at, ullamcorper nec, fermentum vel, ipsum. Vivamus pretium. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Mauris tincidunt, pede sed sagittis viverra, tortor turpis dapibus enim, a vehicula pede quam vel lorem.

This is third paragraph. Curabitur eu libero nec nibh tempus fermentum. Praesent et tellus. Sed semper felis id nibh. Morbi luctus accumsan lectus. Nulla blandit eros. Vestibulum libero risus, rhoncus id, interdum eget, mattis non, magna. Praesent ac enim. Maecenas lacus pede, imperdiet at, ullamcorper nec, fermentum vel, ipsum. Vivamus pretium. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Mauris tincidunt, pede sed sagittis viverra, tortor turpis dapibus enim, a vehicula pede quam vel lorem.

-------------------------------------
Textformatierungen

Fett - visuelle Betonung - bold Text

kursiv - visuelle Betonung - italic Text

Fett - logische Betonung - strong Text

kurisv - logische Betonung - emphasized Text

normaler Text als Link

Text hochgestellt - superscripted Text

Text tiefer gestellt - subscripted Text

Text als Zitat - citation

<q>Text in Anführungszeichen - quoted Text</q>

<ins>Text eingefügt - inserted text</ins>

Text gelöscht - deleted text

<kbd>Keyboard-Text - keyboard text</kbd>

<samp>Beispiel-Text - sample text</samp>

Bidirectional Text (für Mehrsprachigkeit mit Wechsel der Schreibrichtung: Beispiel: Dieser Text ist andersrum

Auszeichnung als <var>Variable</var>

<dfn title="Ich bin eine Definition">Definition</dfn>

-------------------------------------
Headlines

Überschrift 1. Ordnung - H1 - in TYPO3 auch: Überschrift 1

Überschrift 2. Ordnung - H2 - in TYPO3 auch: Überschrift 2

Überschrift 3. Ordnung - H3 - in TYPO3 auch: Überschrift 3

Überschrift 4. Ordnung - H4 - in TYPO3 auch: Überschrift 4

Überschrift 5. Ordnung - H5 - in TYPO3 auch: Überschrift 5
Überschrift 6. Ordnung - H6 - in TYPO3 auch: Überschrift 6

-------------------------------------
Überschriften mit Absatz

Überschrift 1. Ordnung - H1

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam nec erat. Pellentesque at est. Vivamus vitae massa. Donec enim ligula, suscipit vel, aliquet et, fringilla ac, pede. Sed lacinia purus at enim. Curabitur a purus facilisis massa mollis tempus. Maecenas arcu velit, iaculis luctus, facilisis at, tristique a, purus. Donec lorem turpis, aliquet at, dictum ut, blandit nec, tortor. Nam convallis. Donec imperdiet tempor erat. Quisque ultricies lorem eu nunc.

Überschrift 2. Ordnung - H2

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam nec erat. Pellentesque at est. Vivamus vitae massa. Donec enim ligula, suscipit vel, aliquet et, fringilla ac, pede. Sed lacinia purus at enim. Curabitur a purus facilisis massa mollis tempus. Maecenas arcu velit, iaculis luctus, facilisis at, tristique a, purus. Donec lorem turpis, aliquet at, dictum ut, blandit nec, tortor. Nam convallis. Donec imperdiet tempor erat. Quisque ultricies lorem eu nunc.

Überschrift 3. Ordnung - H3

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam nec erat. Pellentesque at est. Vivamus vitae massa. Donec enim ligula, suscipit vel, aliquet et, fringilla ac, pede. Sed lacinia purus at enim. Curabitur a purus facilisis massa mollis tempus. Maecenas arcu velit, iaculis luctus, facilisis at, tristique a, purus. Donec lorem turpis, aliquet at, dictum ut, blandit nec, tortor. Nam convallis. Donec imperdiet tempor erat. Quisque ultricies lorem eu nunc.

Überschrift 4. Ordnung - H4

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam nec erat. Pellentesque at est. Vivamus vitae massa. Donec enim ligula, suscipit vel, aliquet et, fringilla ac, pede. Sed lacinia purus at enim. Curabitur a purus facilisis massa mollis tempus. Maecenas arcu velit, iaculis luctus, facilisis at, tristique a, purus. Donec lorem turpis, aliquet at, dictum ut, blandit nec, tortor. Nam convallis. Donec imperdiet tempor erat. Quisque ultricies lorem eu nunc.

Überschrift 5. Ordnung - H5

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam nec erat. Pellentesque at est. Vivamus vitae massa. Donec enim ligula, suscipit vel, aliquet et, fringilla ac, pede. Sed lacinia purus at enim. Curabitur a purus facilisis massa mollis tempus. Maecenas arcu velit, iaculis luctus, facilisis at, tristique a, purus. Donec lorem turpis, aliquet at, dictum ut, blandit nec, tortor. Nam convallis. Donec imperdiet tempor erat. Quisque ultricies lorem eu nunc.

Überschrift 6. Ordnung - H6

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam nec erat. Pellentesque at est. Vivamus vitae massa. Donec enim ligula, suscipit vel, aliquet et, fringilla ac, pede. Sed lacinia purus at enim. Curabitur a purus facilisis massa mollis tempus. Maecenas arcu velit, iaculis luctus, facilisis at, tristique a, purus. Donec lorem turpis, aliquet at, dictum ut, blandit nec, tortor. Nam convallis. Donec imperdiet tempor erat. Quisque ultricies lorem eu nunc.

-------------------------------------
Zitate

Curabitur eu libero nec nibh tempus fermentum. Praesent et tellus. Sed semper felis id nibh. Morbi luctus accumsan lectus. Nulla blandit eros. Vestibulum libero risus, rhoncus id, interdum eget, mattis non, magna. Praesent ac enim. Maecenas lacus pede, imperdiet at, ullamcorper nec, fermentum vel, ipsum. Vivamus pretium. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Mauris tincidunt, pede sed sagittis viverra, tortor turpis dapibus enim, a vehicula pede quam vel lorem.

-------------------------------------
Verschachtelte Zitate

Level 1. Curabitur eu libero nec nibh tempus fermentum. Praesent et tellus. Sed semper felis id nibh. Morbi luctus accumsan lectus. Nulla blandit eros. Vestibulum libero risus, rhoncus id, interdum eget, mattis non, magna. Praesent ac enim. tortor turpis dapibus enim, a vehicula pede quam vel lorem.

Level 2. Curabitur eu libero nec nibh tempus fermentum. Praesent et tellus. Sed semper felis id nibh. Morbi luctus accumsan lectus. Nulla blandit eros. Vestibulum libero risus, rhoncus id, interdum eget, mattis non, magna. Praesent ac enim. tortor turpis dapibus enim, a vehicula pede quam vel lorem.

Level 3. Curabitur eu libero nec nibh tempus fermentum. Praesent et tellus. Sed semper felis id nibh. Morbi luctus accumsan lectus. Nulla blandit eros. Vestibulum libero risus, rhoncus id, interdum eget, mattis non, magna. Praesent ac enim. tortor turpis dapibus enim, a vehicula pede quam vel lorem.

-------------------------------------
Defintionslisten

<dt>Definition Term 1</dt>

Definition Beschreibung1

 

Definition Beschreibung2

 

Definition Beschreibung3

<dt>Definition Term 2</dt>

Definition Beschreibung1

 

Definition Beschreibung2

 

Definition Beschreibung3

 

-------------------------------------
Aufistung - Unordered List

  • Unordered List Item One
  • Unordered List Item Two
  • Unordered List Item Two

-------------------------------------
Aufzählung - Ordered List

  1. Ordered List Item One
  2. Ordered List Item Two
  3. Ordered List Item Two

-------------------------------------
Aufistung verschachtelt

  • Unordered List Item One
    • Nested Level 2 Unordered List Item One
      • Nested Level 3 Unordered List Item One
      • Nested Level 3 Unordered List Item Two
      • Nested Level 3 Unordered List Item Three
    • Nested Level 2 Unordered List Item Two
    • Nested Level 2 Unordered List Item Three
  • Unordered List Item Two
  • Unordered List Item Three

-------------------------------------
Auflistung verschachtelt

  1. Ordered List Item One
    1. Nested Level 2 Ordered List Item One
      1. Nested Level 3 Ordered List Item One
      2. Nested Level 3 Ordered List Item Two
      3. Nested Level 3 Ordered List Item Three
    2. Nested Level 2 Ordered List Item Two
    3. Nested Level 2 Ordered List Item Three
  2. Ordered List Item Two
  3. Ordered List Item Three

-------------------------------------
Abkürzung - Abbreviation

This is an abbreviation

-------------------------------------
Acronym (Wörter, die aus den Anfangsbuchstaben anderer Wörter gebildetet wurden)

This is an acronym

-------------------------------------
Addresse

This is an address

-------------------------------------
Vorformatierter/Preformatted Text

<pre>This is preformatted text with a return placed here
New line begins here
New line with tab here
New line with multiple sapces here spaces end
</pre>

-------------------------------------
Computer Code

<div> <h1>This my code for a headline</h1> <p>This is my code for a paragraph</p> </div>

-------------------------------------
Computer Code mit vorformatiertem Text

<pre>

This is how the same computer code as above
will look when surrounded by the pre tag
<div>

<h1>This my code for a headline</h1>
<p>This is my code for a paragraph</p>
</div>


</pre>

-------------------------------------
Einfach dreireihige und vierspaltige Tabelle

r1c1 r1c2 r1c3 r1c4
r2c1 r2c2 r2c3 r2c4
r3c1 r3c2 r3c3 r3c4

-------------------------------------
Komplexe Tabelle mit Spaltengruppen

Tabelleüberschrift
Column Group A
Column 1 Group A1 Group A2 Group A3
Column 1 Group A1 Group A2 Group A3
Column Group A
BeschreibungRow 1 r1c2 r1c3 r1c4 r1c5
BeschreibungRow 2 r2c2 r2c3 r2c4 r2c5
BeschreibungRow 2 r3c1 r3c3 r3c4 r3c5

Text mit Bild

klick
Bildunterschrift

Aliquam nec quam sed turpis tempor ultricies quis at felis. Sed pulvinar semper viverra. Sed mauris neque, mollis vitae faucibus at, pulvinar imperdiet nunc. Phasellus leo nisl; tristique a bibendum vitae; lacinia vel lacus? Integer vestibulum venenatis arcu, a congue velit blandit eu. Sed rutrum libero in tellus adipiscing luctus? Vestibulum ac elit at eros imperdiet laoreet. Phasellus viverra faucibus turpis eget fringilla?

Empfehlung: Bilder sollten im Textfluss immer rechts stehen und höchstens 200 Pixel breit eingestellt sein!

nach oben