Teaser 1
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.
Header mit Bildmotiv / Hero / Bühne
Der Header (oder auch Hero, Bühne) ist kein Element, das kopiert werden kann.
Um dies zu pflegen, bitte die jeweiligen “Seiteneigenschaften” öffnen.
Beim Reiter “Ressourcen” unter “Modus” auswählen, ob der Slider (wie auf der Startseite zu sehen) oder “Einzelbild mit Überschrift und Beschreibung” angezeigt werden soll. Letzteres ist hier auf der Styleguideseite zu sehen. Im Anschluss können entsprechend die Slider-Motive oder Bild und Textbox eingepflegt werden.
Ideale Bildergrößen:
Startseiten-Slider - 1920 x 1280 Pixel (Seitenverhältnis 3:2)
Unterseiten-Header - 1920 x 500 Pixel (Seitenverhältnis 3,5:1)
Seite im Seitenbaum anwählen, im rechten Bereich oben den rechten Button "Seiteneigenschaften bearbeiten" anklicken.
Unter Ressourcen den gewünschten Modus wählen.
Eine Einleitung mit H1 und zentriertem Text
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.
Überschriften normal
Überschrift H1 - 1 x an jedem Seitenanfang
Überschrift H2
Überschrift H3
Überschrift H4
Überschrift H5
So sehen alle Unterüberschriften aus
Überschrift H2 mit Unterüberschrift
Überschriften zusätzlich
Überschrift H2 - optisch wie H1
Überschrift H2 klein, Versalien
Überschrift H3 - optisch wie H2
Container
Container zum Zentrieren des Contents in der Mitte (zu erkennen am Weißraum links und rechts)
Wird immer dann benötigt, wenn Content nicht die äußeren Bildschirmränder berühren soll. 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.
Container "Hintergrund", Einstellung: "Hintergrundfarbe: grau"
(Wenn dieser nicht in normalem Container platziert ist, reicht er von Bildschirmrand zu Bildschirmrand, siehe unten.)
Container "Hintergrund", Einstellung: "Hintergrundfarbe: grau"
(Hier reicht er von Bildschirmrand zu Bildschirmrand. In diesem Fall wird ein normaler Container innen benötigt, damit der Text nicht auch so weit läuft. Für Text wäre das zu breit und nicht userfreundlich.)
Mehrspaltige Container
Die Breite der Spalten kann wie gewünscht aufgeteilt werden. (Reiter “Grid Einstellung”.)
Dabei reicht es in der Regel, die Einstellungen bei “Large” zu treffen. Wichtig: Die Anzahl der verteilten Spalten muss insgesamt 12 ergeben!
Container 2-spaltig - Aufteilung 6 | 6
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.
Container 3-spaltig - Aufteilung 4 | 4 | 4
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.
Container 2-spaltig - Aufteilung 4 | 8
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.
Mehrspaltige Container mit Offset
Wird mehr Weißraum zwischen den Spalten gewünscht, kann dies durch Offset erreicht werden.
Hierzu verteilt man die Breite der Contentspalten so, dass ein oder zwei Spalten übrig bleiben. Die übriggebliebenen Spalten pflegt man entweder bei der linken oder rechten Spalte als Offset ein, je nachdem, ob sich der Weißraum in der Mitte oder außen befinden soll.
Container 2-spaltig - Aufteilung 6 | 5, Offset in der Mitte: 1 Spalte
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.
Text-Bild-Elemente
Teaser-Elemente
Teaser 1 - können einzeln kopiert und z.B. in 2-spaltigen Container eingesetzt werden
Standard-Text-Bild-Elemente von TYPO3
Karriere
Werden Sie Teil unserer Erfolgsgeschichte
objectflor zählt zu den führenden Anbietern von elastischen Bodenbelägen in Europa. Als Tochtergesellschaft der britischen James Halstead plc sind wir für 16 Länder in Zentraleuropa zuständig.
Willkommen in der objectflor Produktwelt
Begleiten Sie uns durch all unsere Kollektionen, angefangen natürlich mit LVT auf dem Kontinent EXPONA DESIGN FLOORING. LVT bietet Ihnen eine große Bandbreite von Produkten: von unterschiedlichen LVT Nutzschichten bis hin zu den verschiedenen LVT Verlegarten.
Die Orientierung ist ganz einfach: Alle LVT Kollektionen, die klebstofffrei verlegt werden, erkennen Sie an dem Zusatz „SIMPLAY“. Sie bieten die LVT Qualität, für die objectflor bekannt ist und noch mehr: Von speziellem Schallschutz bis hin zur mehrfachen Verwendung. Lernen Sie LVT Designflooring von einer neuen Seite kennen!
Collagen-Element
Bilder-Collage (2 Bilder möglich) mit Slogan
Kann auch ohne Text platziert werden, siehe unten. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Wir übernehmen Verantwortung
Wir übernehmen Verantwortung
Highlight-Thema
In “Hintergrund”-Container mit Einstellung: “Hintergrundfarbe: grau”.
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.
Ein weiterer wichtiger Aspekt zu EXPONA
EXPONA SIMPLAY Carpets - hochwertige und strapazierfähige Teppichfliesen
Neugestaltung Wohnzimmer mit Mini-Tiles - EXPONA-Projekte entdecken
Referenzen-Galerie
Der Text in der grauen Box wird im Datensatz-Ordner der Referenzen gepflegt.
Kundenrezensionen
Was Kunden und Kundinnen über uns sagen
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Vorname Nachname
Zusatzinfo
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est.
Vorname Nachname
Zusatzinfo
Container mit Foto-Hintergrund
Die perfekte Entscheidungshilfe
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.