CMSimple Templates

SmartNav 02

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 Überschriften, Listen, Zitat- und Codeblöcke präsentiert:

Überschrift h4

In der Standard Konfiguration von CMSimple splitten die Überschriften h1-h3 den Inhalt der Datei content.php in Seiten. Die Überschriften h4-h6 erzeugen keine neuen Seiten und können zur semantischen Gliederung des Seiteninhalts verwendet werden.

Überschrift h5

In der Standard Konfiguration von CMSimple splitten die Überschriften h1-h3 den Inhalt der Datei content.php in Seiten. Die Überschriften h4-h6 erzeugen keine neuen Seiten und können zur semantischen Gliederung des Seiteninhalts verwendet werden.

Überschrift h6

In der Standard Konfiguration von CMSimple splitten die Überschriften h1-h3 den Inhalt der Datei content.php in Seiten. Die Überschriften h4-h6 erzeugen keine neuen Seiten und können zur semantischen Gliederung des Seiteninhalts verwendet werden.

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>