Wie kann ich folgende Designanpassung realisieren?

greydemon

Hallo,

auf folgender Seite soll eine Hintergrundgrafik links neben dem Content und eine Hintergrundgrafik rechts neben dem Content platziert werden:

http://web24.vz02.ihr-host.de/klangschmiede_blog/

Ich weiß leider nicht, wie man das in der CSS Datei schreibt. Könnt ihr euch die Seite mal ansehen und mir ein paar Codetipps geben?

Vielen Dank!

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

DEV107

Das dürfte für Dich hilfreich sein:
background: Hintergrundbilder: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

Eine fertige Lösung habe ich nicht parat, da es zu großen Teilen auf die Größe der Bilder ankommt, ferner ob Du mit Sidebar arbeitest oder ohne...

greydemon

Danke für den Link. Hilft mir aber nicht wirklich weiter.

Eine fertige Lösung erwarte ich gar nicht, aber vielleicht könnte mir jemand einen Beispielcode für meine Anpassung geben.

Die Sidebar habe ich übrigens ausgeblendet. Die Bilder (vertikale Ornamente) müßten also links und rechts außerhalb des Contents platziert werden.

Tartanrocker

Grob gesagt drei Boxen nebeneinander und den äußeren beiden ein background-image zuweisen. Für genauere Angaben müsstest auch du ein wenig präziser werden ;)

maxe

Beispielcode hat dir DEV107 gelinkt. Leg für den body bzw. für die ID #container in der style.css einen Background fest. Wie ich sehe ist sogar schon ein background definiert, muss also nur geändert werden.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Wie kann ich folgende Designanpassung realisieren?

Jetzt mitmachen!