WBCE CMS Forum

franzluwein

Member

mehrere Hintergrundbilder

Hallo,

beim meiner Site mit dem Template Hortal kommen Seiten vor, die mehrere WYSIWYG-Abschnitte enthalten.
Was muss ich tun, um jedem Abschnitt ein eigenes, unterschiedliches Hintergrundbild zu verpassen?

Danke für die Hilfe.

Gruß
Franz

florian

Administrator

Re: mehrere Hintergrundbilder

1) Auf https://dev4me.com/droplets/other/maketag/ findest Du den Code für das Droplet "makeTag".
Kopiere den dort angezeigten Code in die Zwischenablage, rufe Admin-Tools > Droplets auf und erstelle ein neues Droplet mit dem Namen maketag, in das Du den Code reinkopierst.

2) Füge nun zu Anfang jeden WYSIWYG-Abschnitts den Aufruf des Droplets ein, wobei Du als Parameter "class" die Bezeichnung einer CSS-Klasse übergibst. Füge am Ende jeden WYISIWYG-Abschnitts den Aufruf zum Schließen des zuvor vom Droplet erzeugten Divs ein.

[[maketag?class=abschnitt1]]
...hier der normale Fließtext....
[[maketag?mode=close]]

3) Installiere das Admin-Tool Frontend Final CSS Editor und definiere darin für die Abschnitte die Formatanweisungen:

.abschnitt1 {
  background-image:url(https://cdn.pixabay.com/photo/2023/06/01/05/58/ocean-8032698_960_720.jpg); 
  background-repeat:no-repeat; 
  background-size:cover;
}
.abschnitt2 {
  background-image:url(https://cdn.pixabay.com/photo/2018/06/13/18/20/waves-3473335_960_720.jpg); 
  background-repeat:no-repeat; 
  background-size:100%;
  color:#fff;
  font-weight:bold;
}

Die Referenz auf die Pixabay-Bilder oben ist natürlich nur ein Beispiel.

Aufruf im Backend und Ergebnis im Frontend:

Last edited by florian (15.12.2023 13:26:22)

---

Sorgen sind wie Nudeln: man macht sich meist zu viele.