Layoutelemente

Layoutelemente sind platzierbare Inhaltselemente, die das grundsätzliche Layout und Raster auf einer Typo3 Seite definieren. Das sind 2-4 Spalten Gridelementen oder auch die Tab-Reiter und Akkordeone.


Zwei Spalten (mit Link in Headline)

Pellentesque sagittis sem at sodales lacinia. Pellentesque et vulputate metus, in dapibus risus. Aliquam in nisi libero. Integer porttitor sagittis purus, eu fermentum sapien tincidunt in. Pellentesque vel ex eget ante sodales maximus id molestie leo. Praesent sed sapien mauris. Suspendisse potenti. Curabitur pellentesque urna sed arcu pulvinar sollicitudin. Cras vel velit malesuada, tincidunt enim sit amet, commodo ante. Duis quis lectus purus. Nam non tellus id nibh scelerisque varius. In hac habitasse platea dictumst. Sed non elementum massa. Nullam et posuere tortor. Curabitur lectus justo, rhoncus sed sollicitudin sit amet, commodo et leo. Duis mollis venenatis nisl maximus viverra.

Pellentesque sagittis sem at sodales lacinia. Pellentesque et vulputate metus, in dapibus risus. Aliquam in nisi libero. Integer porttitor sagittis purus, eu fermentum sapien tincidunt in. Pellentesque vel ex eget ante sodales maximus id molestie leo. Praesent sed sapien mauris. Suspendisse potenti. Curabitur pellentesque urna sed arcu pulvinar sollicitudin. Cras vel velit malesuada, tincidunt enim sit amet, commodo ante. Duis quis lectus purus. Nam non tellus id nibh scelerisque varius. In hac habitasse platea dictumst. Sed non elementum massa. Nullam et posuere tortor. Curabitur lectus justo, rhoncus sed sollicitudin sit amet, commodo et leo. Duis mollis venenatis nisl maximus viverra.


Drei Spalten

Pellentesque sagittis sem at sodales lacinia. Pellentesque et vulputate metus, in dapibus risus. Aliquam in nisi libero. Integer porttitor sagittis purus, eu fermentum sapien tincidunt in. Pellentesque vel ex eget ante sodales maximus id molestie leo. Praesent sed sapien mauris. Suspendisse potenti. Curabitur pellentesque urna sed arcu pulvinar sollicitudin. Cras vel velit malesuada, tincidunt enim sit amet, commodo ante. 

Pellentesque sagittis sem at sodales lacinia. Pellentesque et vulputate metus, in dapibus risus. Aliquam in nisi libero. Integer porttitor sagittis purus, eu fermentum sapien tincidunt in. Pellentesque vel ex eget ante sodales maximus id molestie leo. Praesent sed sapien mauris. Suspendisse potenti. Curabitur pellentesque urna sed arcu pulvinar sollicitudin. Cras vel velit malesuada, tincidunt enim sit amet, commodo ante. 

Pellentesque sagittis sem at sodales lacinia. Pellentesque et vulputate metus, in dapibus risus. Aliquam in nisi libero. Integer porttitor sagittis purus, eu fermentum sapien tincidunt in. Pellentesque vel ex eget ante sodales maximus id molestie leo. Praesent sed sapien mauris. Suspendisse potenti. Curabitur pellentesque urna sed arcu pulvinar sollicitudin. Cras vel velit malesuada, tincidunt enim sit amet, commodo ante. 


Vier Spalten

Pellentesque sagittis sem at sodales lacinia. Pellentesque et vulputate metus, in dapibus risus. Aliquam in nisi libero. Integer porttitor sagittis purus, eu fermentum sapien tincidunt in.

Pellentesque sagittis sem at sodales lacinia. Pellentesque et vulputate metus, in dapibus risus. Aliquam in nisi libero. Integer porttitor sagittis purus, eu fermentum sapien tincidunt in.

Pellentesque sagittis sem at sodales lacinia. Pellentesque et vulputate metus, in dapibus risus. Aliquam in nisi libero. Integer porttitor sagittis purus, eu fermentum sapien tincidunt in.

Pellentesque sagittis sem at sodales lacinia. Pellentesque et vulputate metus, in dapibus risus. Aliquam in nisi libero. Integer porttitor sagittis purus, eu fermentum sapien tincidunt in.


Sechs Spalten


Akkordeon & Tabs

Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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.

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

´etur 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. 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.

TAB 1

Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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.

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

´etur 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. 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.

Wichtig

Pellentesque sagittis sem at sodales lacinia. Pellentesque et vulputate metus, in dapibus risus. Aliquam in nisi libero. Integer porttitor sagittis purus, eu fermentum sapien tincidunt in.


Abstände

Hier kommen folgend Textelemente mit Abständen nach oben: 

Abstand Kein (standard)

Pellentesque sagittis sem at sodales lacinia. Pellentesque et vulputate metus, in dapibus risus. Aliquam in nisi libero. 

Abstand Normal

Pellentesque sagittis sem at sodales lacinia. Pellentesque et vulputate metus, in dapibus risus. Aliquam in nisi libero. 

Abstand Medium

Pellentesque sagittis sem at sodales lacinia. Pellentesque et vulputate metus, in dapibus risus. Aliquam in nisi libero. 

Abstand Groß

Pellentesque sagittis sem at sodales lacinia. Pellentesque et vulputate metus, in dapibus risus. Aliquam in nisi libero. 

Hier kommen folgend Textelemente mit Abständen nach unten:

Abstand Normal (standard)

Pellentesque sagittis sem at sodales lacinia. Pellentesque et vulputate metus, in dapibus risus. Aliquam in nisi libero. 

Abstand Medium

Pellentesque sagittis sem at sodales lacinia. Pellentesque et vulputate metus, in dapibus risus. Aliquam in nisi libero. 

Abstand Groß

Pellentesque sagittis sem at sodales lacinia. Pellentesque et vulputate metus, in dapibus risus. Aliquam in nisi libero. 

Abstand Kein

Pellentesque sagittis sem at sodales lacinia. Pellentesque et vulputate metus, in dapibus risus. Aliquam in nisi libero. 

container

Text innerhalb eines Containers

Lorem Ipsum