Coffee Noble

zum Download »

Hier wird die Darstellung verschiedener Elemente wie Überschriften, Listen, Zitat- und Codeblöcke und die Ausrichtung von Bildern getestet.

Überschriften

HolzfigurenIn CMSimple 5 können, wenn H1only_pagesplitting aktiviert ist, alle Überschriften (h1-h6) auf CMSimple Seiten zur semantischen Gliederung des Seiteninhalts verwendet werden.

Die h1 wird oft schon als Seitenüberschrift oder als Seitentitel im Header verwendet. Da die h1 auf jeder Seite nur 1x verwendet werden soll, wird sie auf dieser Demoseite nicht verwendet.

Überschrift h2

Überschrift h3

Überschrift h4

Überschrift h5
Überschrift h6

Ungeordnete Liste

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)

Infoboxen

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>