Hintergrund einmal oben und einmal unten

Hallo Kamp!

Ich kann dir das nur ganz grob erklären, weil ich mir selber eine Step-by-Step Anleitung geschrieben habe, nachdem ich es herausgefunden hatte.
Du musst über die Style.css deines Themes einen DIV-Container und eine zugehörige CLASS(e) für jedes der beiden Hintergrundbilder definieren. Innerhalb dieser Container kannst du dann auch für jedes der beiden Hintergrundbilder festlegen, an welcher Stelle (relativ) sie erscheinen sollen. - Das ist notwendig, weil sie ja ansonsten übereinander gelegt werden.
Da das bei mir aber anders gelöst ist (über Seitentemplate) kann man das von mir nicht 1:1 übertragen.

Als Beispiel, für folgende Seite habe ich zwei Bilder als Hintergrundbilder verwendet. Einmal das linke Bild mit dem Seil und den Messingösen, das als Endlosbild am linken Rand verbaut ist, und einmal mein Seitenportrait was nur einmalig auf der Seite erscheint.

Weggelassen habe ich hier, dass ich vorher eine PHP-Seite für das Seitentemplate erstellt habe, die dann den Aufruf für den DIV-Container und seine CLASS(e) enthält.

Die zugehörigen Einträge in der Style.css sehen bei mir wie folgt aus und sollen nur als Beispiel dienen...

#container-blogger {
    float: left;
    width: 775px;
    background-image: url(images/oesen-element.png);
    background-repeat: repeat-y;
    background-position: 0px 0px;
    background-color: #EBE0CA;
    border: 1px solid #666666;
    padding-left: 119px;
    padding-top: 23px;
    padding-right: 44px;
    padding-bottom: 23px;
}


#container-blogger2 {
    float: left;
    width: 775px;
  background-image: url(images/seitenportrait-element.png);
    background-repeat: no-repeat;
  background-position: 0px 155px;
    background-color: #EBE0CA;
    border: 0px solid #666666;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 44px;
    padding-bottom: 23px;


}


.blogger-one-column #content {
    margin: 0 auto;
    width: 790px;
}

Gruß Frank