Handbuch
Spalten können über CSS-Klassen gesetzt werden. Die Klassen werden so eingetragen:
Spaltensatz kann grundsätzlich auf alle Elemente, Artikel und Module angewendet werden.
Zu beachten ist, dass das erste Element in einer Zeile immer auch die Klasse "erste" zugewiesen bekommt. Dies bewirkt, das bei diesem Element der Abstand nach links entfernt wird.
Weiterhin ist zu beachten:
Wenn auf einer Seite mit dem Spaltensatz begonnen wurde, müssen alle nachfolgenden Elemente diesem Schema folgen. Elemente über die gesamte Breite bekommen dann die Klasse "voll". Wenn dem nicht gefolgt wird, sind die Elemente ohne Klassenzuweisung unsichtbar.
Ist die Bildschirmbreite unter 695 Pixel (Smartphoneansicht), werden alle Spaltenelemente auf die volle Bildschirmbreite gesetzt.
Nachfolgend einige praktikable Beispiele:
einhalb erste
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.
einhalb
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.
einviertel erste
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
einviertel
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
einviertel
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
einviertel
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
eindrittel erste
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
eindrittel
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
eindrittel
Holger Klüpfel
eindrittel erste
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
zweidrittel
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
voll
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.
Die Hintergrundfarbe ausgewählter Elemente kann mit CSS-Klassen gesetzt werden.
Folgende Farben stehen zur Verfügung:
- gelb
- Farbe 2
- Farbe 3
An folgenden Elementen kann die Hintergrundfarbe gesetzt werden:
- Nachrichtenbeitrag
So werden CSS-Klassen zugewiesen:
