CMSimple Tests und Demo

Template Demoseite

Demobild Wenn H1only_pagesplitting aktiviert ist, können alle Überschriften (h1-h6) zur semantischen Gliederung des Seiteninhalts verwendet werden.

Überschrift h2

Überschrift h3

Überschrift h4

Überschrift h5
Überschrift h6

Contentboxen

contentbox right

Dämmerung in FürstenbergDas ist eine rechte Contentbox.

Contentboxen werden in der Regel als Aufmacher (Teaser) verwendet.

Wenn man in der Lage ist, ein wenig im Quelltext zu arbeiten, kann man diese flexiblen Contentboxen erstellen. Unterhalb von ca. 760px horizontaler Bildschirmauflösung floaten sie untereinander, den Umschaltpunkt kann man einfach im CSS-Code ändern.

 

contentbox left

Berliner SpatzenDas ist eine linke Contentbox. Contentboxen werden in der Regel als Aufmacher (Teaser) verwendet.

Der CSS-Code für die Contentboxen ist in den neueren Templates von ge-webdesign.de bereits enthalten. Dieser CSS-Code ist für jedes Template ein wenig anders, weil er natürlich zum Template Design passen muss.

Mehr zum Thema Contentboxen erfahren Sie hier »

 

contentbox fullsize

Moabiter Brücke in BerlinDas ist eine Contentbox in voller Breite.

Contentboxen werden in der Regel als Aufmacher (Teaser) verwendet. Sie können aber auch aus rein gestalterischen Gründen eingesetzt werden, z. B. um bestimmte Inhalte hervorzuheben oder zu bündeln.

 

Ungeordnete Liste

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

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