Text in verschiedenen Spaltenbreiten
Bitte beachten Sie, dass die Spalten auf mobilen Geräten teilweise anders dargestellt werden. So werden auf Smartphones alle Elemente immer einspaltig angezeigt oder auf Tablets Elemente in vier Spalten immer zweispaltig.
[row]
[col typ="col1-2"] ... zweispaltiger Text ... [/col]
[col typ="col1-2"] ... zweispaltiger Text ... [/col]
[/row]
[row]
[col typ="col1-3"] ... dreispaltiger Text ... [/col]
[col typ="col1-3"] ... dreispaltiger Text ... [/col]
[col typ="col1-3"] ... dreispaltiger Text ... [/col]
[/row]
[row]
[col typ="col1-4"] ... vierspaltiger Text ... [/col]
[col typ="col1-4"] ... vierspaltiger Text ... [/col]
[col typ="col1-4"] ... vierspaltiger Text ... [/col]
[col typ="col1-4"] ... vierspaltiger Text ... [/col]
[/row]
[row]
[col typ="col2-3"] ... zwei Drittel ... [/col]
[col typ="col1-3"] ... ein Drittel ... [/col]
[/row]
[row]
[col typ="col3-4"] ... drei Viertel ... [/col]
[col typ="col1-4"] ... ein Viertel ... [/col]
[/row]
Shortcode Attribute:
typ => col1-2 / col1-3 / col1-4 / col2-3 / col3-4
Text in zwei Spalten
[row][col typ=“col1-2″]
[headline typ=“eins“ htag=“3″ text=“Eine Überschrift“]
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
[/col][col typ=“col1-2″]
| Titel | Titel | Titel |
|---|---|---|
| Tabellenzelle | Tabellenzelle | Tabellenzelle |
| Tabellenzelle | Tabellenzelle | Tabellenzelle |
| Tabellenzelle | Tabellenzelle | Tabellenzelle |
| Tabellenzelle | Tabellenzelle | Tabellenzelle |
[/col]
[/row]
[trenner typ=“eins“]
Text in drei Spalten
[row][col typ=“col1-3″][headline typ=“eins“ htag=“3″ text=“Lorem ipsum dolor“]
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
[/col][col typ=“col1-3″][headline typ=“eins“ htag=“3″ text=“Lorem ipsum dolor“]
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
[/col][col typ=“col1-3″][headline typ=“eins“ htag=“3″ text=“Lorem ipsum dolor“]
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
[/col][/row]
[trenner typ=“eins“]
Text in vier Spalten
[row][col typ=“col1-4″][headline typ=“eins“ htag=“3″ text=“Lorem ipsum dolor“]
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
[/col][col typ=“col1-4″][preisbox titel=“Angebot No.1″ untertitel=“Ein tolles Schnäppchen“ preis=“19,90″ buttonlink=“#“ buttontext=“Details“ color=“#A0580E“]
- Info 1
- Info 2
- Info 3
[/preisbox][/col][col typ=“col1-4″][preisbox titel=“Angebot No.1″ untertitel=“Ein tolles Schnäppchen“ preis=“19,90″ buttonlink=“#“ buttontext=“Details“ color=“#A0580E“]
- Info 1
- Info 2
- Info 3
[/preisbox][/col][col typ=“col1-4″][headline typ=“eins“ htag=“3″ text=“Lorem ipsum dolor“]
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
[/col][/row]
[trenner typ=“eins“]
Zwei Drittel / Ein Drittel
[row][col typ=“col2-3″]
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
[/col][col typ=“col1-3″]
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
[/col][/row]
[trenner typ=“eins“]