CMSimple Template FancyHeadings02

FancyHeadings02

zum Download »

Hier wird die Darstellung verschiedener Elemente wie Überschriften, Listen, Zitat- und Codeblöcke dargestellt.

Überschrift h1

In CMSimple 5 können, unabhängig von der Konfiguration, alle Überschriften (h1-h6) auf CMSimple Seiten zur semantischen Gliederung des Seiteninhalts verwendet werden.

Überschrift h2

In CMSimple 5 können, unabhängig von der Konfiguration, alle Überschriften (h1-h6) auf CMSimple Seiten zur semantischen Gliederung des Seiteninhalts verwendet werden.

Überschrift h3

In CMSimple 5 können, unabhängig von der Konfiguration, alle Überschriften (h1-h6) auf CMSimple Seiten zur semantischen Gliederung des Seiteninhalts verwendet werden.

Überschrift h4

In CMSimple 5 können, unabhängig von der Konfiguration, alle Überschriften (h1-h6) auf CMSimple Seiten zur semantischen Gliederung des Seiteninhalts verwendet werden.

Überschrift h5

In CMSimple 5 können, unabhängig von der Konfiguration, alle Überschriften (h1-h6) auf CMSimple Seiten zur semantischen Gliederung des Seiteninhalts verwendet werden.

Überschrift h6

In CMSimple 5 können, unabhängig von der Konfiguration, alle Überschriften (h1-h6) auf CMSimple Seiten zur semantischen Gliederung des Seiteninhalts verwendet werden.

CSS-Klassen für Bilder:

  • .tplge_left
  • .tplge_left_border
  • .tplge_right
  • .tplge_right_border (siehe Bild oben rechts)
  • .tplge_centered
  • .tplge_centered_border
  • .tplge_border

Geordnete Liste

  1. Langer Listenpunkt, der einen Zeilenumbruch verursacht, um die Zeilenhöhe innerhalb eines Listenpunktes testen und einstellen zu können.
  2. Listenpunkt
  3. Listenpunkt
  4. Listenpunkt

Zitatblock

"Wer Visionen hat, sollte zum Arzt gehen" 

(Helmut Schmidt  im Bundestagswahlkampf 1980)

Infobox

Das ist eine speziell gestaltete Box, die Klasse ist tplge_box01. Diese CSS Klasse kann allen Elementen zugeordnet werden, z. B. Absätzen (<p class="tplge_box01">) oder Bereichen (<div class="tplge_box01">).

Codeblock

<div>
<img class="tplge_right_border" src="./userfiles/images/bild5.jpg" alt="">
</div>

nach oben