Zwei Spalten Bild & Text
Das ganze hier heißt Zwei Spalten Bild & Text mit gestrecktem Bild.
Die Frage ist, ob dir das überhaupt brauchen. Es ist im Grunde das gleiche, wie das Overlay-Element, nur, dass die Überschrift oben bündig abschließt.
Das ist das Banner-Element mit H2 Überschrift, hell grauem Text und Bild
Das ist das Banner Element mit H2 Überschrift mit hell grauem Text unten dark grey hintergrund
Hier ist der Teaser-Text, der ein anderes Styling benötigt, als der normale Text, da er als Einstiegstext in einem Blogartikel dienen soll. Das ganze bracuht keine separate Überschrift, weil das immer direkt nach einem Start-Banner kommt.
Überschrift möglich (h2 oder h3) hier ist es eine h2
Nach dem Teaser könnte beispeilsweise dieser Text hier kommen. Das Element gibt es natürlich mit und ohne Überschrift, da es einfach nur ein normales Text Element ist, dass an verschiedenen Stellen eingesetzt werden kann. Im Nachfolgenden kommt Quatsch um die Länge von Texten darstellen zu können.
Bli Bla Blub und und frech ist der Bub. Bli Bla Blub und und frech ist der Bub.Bli Bla Blub und und frech ist der Bub.Bli Bla Blub und und frech ist der Bub.Bli Bla Blub und und frech ist der Bub.Bli Bla Blub und und frech ist der Bub.Bli Bla Blub und und frech ist der Bub.Bli Bla Blub und und frech ist der Bub.Bli Bla Blub und und frech ist der Bub.Bli Bla Blub und und frech ist der Bub.Bli Bla Blub und und frech ist der Bub.Bli Bla Blub und und frech ist der Bub.Bli Bla Blub und und frech ist der Bub.
Bli Bla Blub und und frech ist der Bub.Bli Bla Blub und und frech ist der Bub.Bli Bla Blub und und frech ist der Bub.Bli Bla Blub und und frech ist der Bub.Bli Bla Blub und und frech ist der Bub.Bli Bla Blub und und frech ist der Bub.Bli Bla Blub und und frech ist der Bub.Bli Bla Blub und und frech ist der Bub.Bli Bla Blub und und frech ist der Bub.
Zwei Spalten Bild & Text
Das ganze hier heißt Zwei Spalten Bild & Text mit zentriertem Bild. Das ganze brauchen wir am Besten einmal so rum und einmal mit Text links und Bild rechts.
Hier steht ein wichtiges Zitat von einem wichtigen Menschen
– Valentin
Und hier ein dazugehöriger Text ebenfalls auf dark grey. Denn frech ist nicht nur der Bub, sondern die Maid dazu. Bimmel, die Bammel, die Bum. Bum Bum.
Und hier ein dazugehöriger Text. Denn frech ist nicht nur der Bub, sondern die Maid dazu. Bimmel, die Bammel, die Bum. Bum Bum.Und hier ein dazugehöriger Text. Denn frech ist nicht nur der Bub, sondern die Maid dazu. Bimmel, die Bammel, die Bum. Bum Bum.
Und hier ein dazugehöriger Text. Denn frech ist nicht nur der Bub, sondern die Maid dazu. Bimmel, die Bammel, die Bum. Bum Bum.Und hier ein dazugehöriger Text. Denn frech ist nicht nur der Bub, sondern die Maid dazu. Bimmel, die Bammel, die Bum. Bum Bum.Und hier ein dazugehöriger Text. Denn frech ist nicht nur der Bub, sondern die Maid dazu. Bimmel, die Bammel, die Bum. Bum Bum.
Das hier ist Bild & Text Overlay
Wichtig, das hier ist nur ein Highlight Element und kommt grundsätzlich mit wenig Text aus.
Ecken abrunden bitte als Default (der Absatz hier ist in der Standard Absatzhöhe)
Text muss leider immer mit HTML-Code eingefärbt werden. Es wäre es super, wenn wir im Texteditor, die Möglichkeit die Textfarbe hätten zwischen #efefed und #53565a per Drop-Down anzupassen.
Hier entsprechend der Gegenpart
Wichtig, das hier ist nur ein Highlight Element und kommt grundsätzlich mit wenig Text aus
Mal eine kleine Tabelle: (Hier bitte mal den HTML-Code checken. Der ist komplett Irre. Tabelle wurde ebenfalls einfach hier durch das Tabellen-Symbol eingefügt, ohne weitere händische Formatierung.
| Test | Test | Test | Test | Test |
| Text | Text | Text | Text | Text |
| Text | Text | Text | Text | Text |
| Text | Text | Text | Text | Text |
| Text | Text | Text | Text | Text |
| Text | Text | Text | Text | Text |
Das hier ist zwei Spalten 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 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.
Drei Spalten Text brauchen wir nicht.
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.
Weil es so schön ist
Ist das nur Styling oder Idealerweise eine H3 (SEO und Style)
Bumschakalaka.
Glaube nicht, das wir das hier brauchen
Können wir das einfach für was anderes missbrauchen und verändern, was wir ggf. noch gar nicht haben?
Dreispalten Bild mit Caption finde ich super!
Zwei Spalten Bild mit Caption wäre aber auch top
ich sehe hier egrade aber auch in den Bildeinstellungen, dass ich wählen kann, zwischen skaliert durch website und skaliert, wie das original Bild skaliert ist. Ggf. können wir die Funktion ja benutzen und uns dann entscheiden, was wir brauchen. Default wäre beispielsweise 1x1 und damit das was die Website vorgibt und dann kann man umstellen zu -> nutze Format von Bild. Dann hätte man die maicimale Freiheit. und hat es im Default dennoch für Dullies eingeschränkt.
Das Element
Vielleicht ist das ja interessant für irgendwas
hat wohl
aber ich weiß noch nicht wo
Runde Bilder
oder für was das grundsätzlich mal cool sein könnt. ggf. übersichtsseite oder so was
Jetzt kommen noch ein paar Bilddarstellungen
Das Element heißt wohl Banner, was auch immer das macht. Die Reihenfolge ist:
1. Bild, zentriert
2. Bild gestreckt (volle Breite)
3. Zwei Spalten, zentriert
4. Drei Spalten, zentriert
5. Drei Spalten, gestreckt (volle Breite)
6. Drei Spalten abgerundet
7. Drei Spalten, Hintergrund
8. Bild-Raster
9. Bild-Slider
10. Galerie
Bilder sind immer im Default eingefügt und abgerundete Ecken wurde händisch hinzugefügt.
Das Element
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.
dient als Listing-Möglichkeit
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.
für Blog-Artikel
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.