CMSimple Templates
headerimage

Dropdown2022 1col01

zum Download »

contentbox right

Tempel in PaestumDas 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

Kirche in der DämmerungDas 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 »

 

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.

 

Überschriften

Holzfiguren
Bild mit Beschriftung: Doku »

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

Überschrift h2

Überschrift h3

Überschrift h4

Überschrift h5
Überschrift h6

Es wird empfohlen, nur eine (1) Überschrift h1 pro Seite zu verwenden. Das ist in diesem Fall die Seitenüberschrift.

Newsboxen

Die Newsboxen sollten mit einer h1-h4 beginnen, damit sie so aussehen wie auf dieser Demoseite.

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">).

Codebox

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

CSS-Klassen für Bilder:

  • img.tplge_border
  • img.tplge_left_border
  • img.tplge_right_border (siehe Bild oben rechts)
  • img.tplge_noborder
  • img.tplge_left_noborder
  • img.tplge_right_noborder
  • img.tplge_left
  • img.tplge_right
  • img.tplge_centered

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

Newsbox News01

Demobild

Diese Box zeigt den Inhalt der versteckten Seite "News01".

Versteckte Seiten können Sie nur aufrufen, wenn Sie eingeloggt und im Bearbeitungs-Modus sind.

This box shows the content of the hidden page "News01".

Hidden pages you can call only if you are logged in and in edit-mode.

Newsbox News02

Diese Box zeigt den Inhalt der versteckten Seite "News02".

Newsboxen sind auch sehr gut für eine alternative Navigation einsetzbar.

This box shows the content of the hidden page "News02".

The newsboxes also are useful for an alternative navigation.

Newsbox headlines:

Überschrift h5
Überschrift h6

Newsbox News03

Wie Sie die Seiten für die Newsboxen anlegen, vor dem Menü verstecken und im Template anzeigen können, erfahren Sie hier:

Die Newsboxen »

How you can create the pages for the newsboxes, hide them from the menu and show them in the template, you can read here:

The newsboxes »

nach oben