Ich habe bei meinem Template die Custom.css folgenden Code eingefügt

body {
background: url(' www.stadtmusik-schopfheim.de/cms/images/pattern_05.png ') fixed 0 0 transparent;
background-repeat:no-repeat;
background-size:100%;
background-position:center;
}

Allerdings nutze ich im Template drei verschiedene Styles und würde gern den Seiten mit dem jeweils zugewiesenen Style auch einen eigenen Hintergrund geben.

Hat jemand eine Idee, wie man das umsetzen könnte?

Lg

Hallo Stefan,
nur eine Anmerkung/Frage zum CSS-Codeschnipsel: Zeilen 2, 3 und 4 beziehen sich auf die Langform des Background_CSS-Befehls,
die Zeile 1 verwendet jedoch die Kurzform.
Muss es in der 1. Zeile nicht background-image heißen?
Bei dem anderen Aspekt deiner Frage kann ich leider nicht helfen, bin aber gespannt, was Joomlaplates dazu sagt.
mfg
Christian

Das weiß ich nicht so genau.

Den Code-Schnipsel habe ich irgendwo einem Forum gefunden.

Dieser funktioniert zwar auch, aber auf der ganzen Seite ist dann immer nur der eine Hintergrund. Ganz egal, welcher Style innerhalb des Templates ausgewählt ist.

Hi Stefan,
ein bildschirmfüllendes Bild (horizontal und vertikal zentriert) ließe sich mittels CSS umsetzen.
Wenn dann noch jeder Seite per Joomla- Menü (es geht doch um Joomla?) eine Seitenklasse zugeordnet wird, lassen sich die CSS-Regleln wahrscheinlich leicht formulieren.
Aber dann reden wir davon, dass du ein eigenes Template baust bzw. ein Template grundlegend umbaust.
Traust du dir das zu?
Was spricht dagegen, ein JP-Template mit einem Hero-Image - heutzutage sind doch die meisten Templates so gebaut - zu verwenden und dann jeder Seite ein anderes Hero-Image zuzuweisen.
Oder möchtest du so etwas wie bei www.joomlaplates.com/joomla-templates/joomla-template-musician ?
Das bildschirmfüllende Bild bei "Musician" menügesteuert zu wechseln halte ich eher für machbar, als irgend ein Template so umzubauen.
mfg
Christian

Sie können für jeden Menupunkt eine eigene page class vergeben.
Nun hat ihr body tag eine css Klasse, die sie ansprechen können.



Hier können sie nun den Body wie folgt per css ansprechen

body.bild-001 {background:#000}

Oder wie in ihrem Fall

body.bild-001 {
background: url(' www.stadtmusik-schopfheim.de/cms/images/pattern_05.png ') fixed 0 0 transparent;
background-repeat:no-repeat;
background-size:100%;
background-position:center;
}

Hat wunderbar funktioniert.

Vielen Dank.