Inhalt

Modul: Flexibles Grid-Layout

Gestalten Sie mit 4mobile.cc und Grid-Elementen das Layout Ihrer Website jetzt noch flexibler und damit optisch ansprechender. Wie bei einem klassischen Print-Layout können Sie nun auch Blöcke auf einer Web-Seite in beliebige Spalten unterteilen.

Grid Elements – Das Multitalent

Individueller Gestaltungsraster

Ihre 4mobile.cc Website hat die Extension «gridelements» integriert. Auf diese Weise haben Sie die Möglichkeit, das Layout Ihrer Content-Seiten sehr viel flexibler zu gestalten. Sie können jetzt mit wenigen Mausklicks einen individuellen Gestaltungsraster erstellen und Seiten in unterschiedliche Spalten mit Grid-Elementen unterteilen. Damit entfällt der «Workaround» über Tabellen ist nicht notwendig.

Einfache Erstellung und Positionierung per Drag and Drop

Die Erstellung solcher flexibel unterteilten Seiten über das TYPO3 Backend ist somit einfach möglich. Die Positionierung von Grid-Elementen erfolgt per Drag and Drop, ebenso einfach können Grid-Elemente auch kopiert werden.

4mobile.cc Website-Lösung inkludiert

Installation und Konfiguration der Extension «gridelements» für Ihre Website. Auf einer Demo-Seite richten wir eine mittels «gridelements» flexibel unterteilte Seite ein. Die Basis-Einschulung zur Verwendung von Grid-Elements bieten wir allen 4mobile.cc Kunden kostenlos über unsere TYPO3-Webinare an.


Beispiele für Grid Elements

Tation nibh nam litterarum consectetuer typi. Nibh hendrerit etiam claritatem saepius claram. Claritas imperdiet clari insitam commodo legentis. Typi in est feugait nobis quod. Ullamcorper assum qui sed nisl qui. Est mutationem nisl quinta duis assum. Sit legunt et in notare tation.

2-spaltig (erste Spalte)

Tation nibh nam litterarum consectetuer typi. Nibh hendrerit etiam claritatem saepius claram. Claritas imperdiet clari insitam commodo legentis. Typi in est feugait nobis quod. Ullamcorper assum qui sed nisl qui. Est mutationem nisl quinta duis assum. Sit legunt et in notare tation.

2-spaltig (zweite Spalte)

Tation nibh nam litterarum consectetuer typi. Nibh hendrerit etiam claritatem saepius claram. Claritas imperdiet clari insitam commodo legentis. Typi in est feugait nobis quod. Ullamcorper assum qui sed nisl qui. Est mutationem nisl quinta duis assum. Sit legunt et in notare tation.


3-spaltig (erste Spalte)

Natürlich skalieren alle Bilder in den Grid Elements

3-spaltig (zweite Spalte)

Tation nibh nam litterarum consectetuer typi. Nibh hendrerit etiam claritatem saepius claram. Claritas imperdiet clari insitam commodo legentis. Typi in est feugait nobis quod. Ullamcorper assum qui sed nisl qui. Est mutationem nisl quinta duis assum. Sit legunt et in notare tation.

3-spaltig (dritte Spalte)

Tation nibh nam litterarum consectetuer typi. Nibh hendrerit etiam claritatem saepius claram. Claritas imperdiet clari insitam commodo legentis. Typi in est feugait nobis quod. Ullamcorper assum qui sed nisl qui. Est mutationem nisl quinta duis assum. Sit legunt et in notare tation.


4-spaltig (1. Spalte)

Tation nibh nam litterarum consectetuer typi. Nibh hendrerit etiam claritatem saepius claram. Claritas imperdiet clari insitam commodo legentis. Typi in est feugait nobis quod.

4-spaltig (2. Spalte)

Echt «leiwande» Grid Elements

4-spaltig (3. Spalte)

Tation nibh nam litterarum consectetuer typi. Nibh hendrerit etiam claritatem saepius claram. Claritas imperdiet clari insitam commodo legentis. Typi in est feugait nobis quod.

4-spaltig (4. Spalte)

Shout out loud: Grid Elements

3-spaltig (1. Spalte)

Tation nibh nam litterarum consectetuer typi. Nibh hendrerit etiam claritatem saepius claram. Claritas imperdiet clari insitam commodo legentis.

3-spaltig (2. Spalte)

Tation nibh nam litterarum consectetuer typi. Nibh hendrerit etiam claritatem saepius claram. Claritas imperdiet clari insitam commodo legentis. Typi in est feugait nobis quod. Ullamcorper assum qui sed nisl qui. Est mutationem nisl quinta duis assum. Sit legunt et in notare tation.

3-spaltig (3. Spalte)

Tation nibh nam litterarum consectetuer typi. Nibh hendrerit etiam claritatem saepius claram. Claritas imperdiet clari insitam commodo legentis.


2-spaltig (1. Spalte)

Tation nibh nam litterarum consectetuer typi. Nibh hendrerit etiam claritatem saepius claram. Claritas imperdiet clari insitam commodo legentis. Typi in est feugait nobis quod. Ullamcorper assum qui sed nisl qui. Est mutationem nisl quinta duis assum. Sit legunt et in notare tation. Suscipit typi vulputate ullamcorper quam est. Est usus formas ut autem nam. Putamus congue per ii ipsum est. Decima tempor in vel nunc doming. Litterarum quis litterarum mirum minim insitam.

2-spaltig (2. Spalte)

Durchblick dank Grid Elements

2-spaltig (1. Spalte)

Optimale Flexibilität mit TYPO3 Grid Elements

2-spaltig (2. Spalte)

Tation nibh nam litterarum consectetuer typi. Nibh hendrerit etiam claritatem saepius claram. Claritas imperdiet clari insitam commodo legentis. Typi in est feugait nobis quod. Ullamcorper assum qui sed nisl qui. Est mutationem nisl quinta duis assum. Sit legunt et in notare tation. Suscipit typi vulputate ullamcorper quam est. Est usus formas ut autem nam. Putamus congue per ii ipsum est. Decima tempor in vel nunc doming. Litterarum quis litterarum mirum minim insitam.