CMSimple Templates

SmartNav 01

zum Download »

In diesen Templates wurde das Verhalten von floatenden Bildern für Smartphones optimiert. Ziehen Sie einfach das Browserfenster langsam schmal, oder drehen Sie das Smartphone von vertikal auf horizontal und wieder zurück.

Um diesen Effekt zu erzielen, muss den Bildern eine der folgenden Klassen zugewiesen werden:

tplge_left_border
tplge_left_noborder
tplge_right_border
tplge_right_noborder

Alle SmartNav Templates enthalten ein neues Icon-Set für die seiteninterne Navigation. Diese intuitive seiteninterne Navigation vor allem auf Smartphones hat dem Theme seinen Namen gegeben.

---

Hier wird die Darstellung verschiedener Elemente wie z. B. Überschriften, Listen, Zitat- und Codeblöcke und die Ausrichtung von Bildern präsentiert.

Überschriften

In 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

• 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)

Codeblock

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