Kategorien
Allgemein Blöcke css

Zwei Spalten mit gleicher Höhe

Spalte 1 Spalte 2 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

Kategorien
Allgemein Blöcke css

Drei Spalten mit Kacheln und abgerundeten Bildern

Dieser Block Pattern für dreispaltige Kacheln sollte jetzt so ziemlich universell einsetzbar und auch responsive sein: Spalte mit Bild 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.

Kategorien
Allgemein css

Spalten mit Text

Hier ein Beispiel für Spalten mit Text, animiert mit einem Fade-Effekt und bei Hover einer anderen Hintergrundfarbe 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

Kategorien
Allgemein css

Spalten mit überlappendem Text

Überlappender Text Überlappender 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. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut

Kategorien
Allgemein Bilder css

Bild mit Hover-Effekt

Duotone-Effekt mit „Glanzlichtern“: mit rot (#BD0014) – Glanzlichter: mit grün (#24982a) – Glanzlichter: zusätzlich mit filter

Kategorien
Allgemein Bilder Blöcke css

Bild und Text nebeneinander

Ein Spaltenblock soll abwechselnd links ein Bild und rechts einen Text enthalten. Danach Wechsel: links der Text und rechts das Bild. Problem ist allerdings die Ansicht bei schmaleren Displays, weil dann Bild – Text – Text – Bild untereinander zu sehen sind. Damit wird aber der Sinnzusammenhang zwischen Text und Bild schwieriger. Mit einer entsprechenden

Kategorien
Allgemein Blöcke css

Drei Spalten mit Kacheln

Dieser Block Pattern für dreispaltige Kacheln sollte jetzt so ziemlich universell einsetzbar und auch responsive sein:

Kategorien
Allgemein Bilder Blöcke css

Mehrere Bilder und Text

Das ist ein Lauftext Ein schönes Foto Landschaft in Eilendorf 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

Kategorien
Allgemein Bilder css

Bilder mit abgeschrägter Kante

Bild mit abgeschrägter Kante unten Balken nach links Schau mal da Balken nach links mit Schatten Schau mal Balken nach links mit Bild Bild mit abgeschrägter Kante und Schatten Bild mit Text Ein schönes Foto Landschaft im Sauerland

Kategorien
Allgemein Bilder css

Cover-Bilder

Cover-Bilder Cover-Bilder mit verschiedenen Effekten noch eine andere Variante: Und hier noch eine weitere Variante Ein weiterer Test: Duotone im fixierten Cover funktioniert nicht, siehe hier: https://github.com/WordPress/gutenberg/issues/31662