Hintergrundbild über die ganze Bildschirmbreite

Mit Alllrounder 3 konnte ich ein beliebiges Bild als Hintergrund über die ganze Breite anordnen.

Die wesentlichen Statements waren

body {
background-image:url(' www.tsg-dacapo.de/images/DaCapo_Tanzpaar_olu.jpg ');
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 100% ;
overflow-x:hidden;
}

Wie kann ich den gleichen Effekt mit Lessallrounder erreichen?

Im {LESS} Allrounder kannst du ein Hintergrundbild definieren und ob es wiederholt werden soll. Guck unter "Template Colors".
Die zusätzlichen Regeln (falls nötig) packst du am besten in eine /templates/lessallrounder/css/custom.css Datei und speicherst danach den Stil neu.
Nach jeder Änderung an der custom.css musst du den Stil neu speichern weil nur dann die fertige CSS Datei neu generiert wird.

Hallo,

Danke für den Hinweis mit der custom.css - das hat den Durchbruch gebracht.

Gelöst habe ich das jetzt mit

body {
background-image:url(' www.tsg-dacapo.de/images/DaCapo_Tanzpaar_olu.jpg ');
background-position: center top !important;
background-size: 100% !important;
}

Auf diese Wesie wird das Bild auch entsprechend der Bildschirmbreite stetig angepasst - so wie gewollt.

Nachteil ist bei diesen Änderungen allerdings , dass jedesmal anschliessend der Style neu gespeichert werden muss, um die template15 neu zu erzeugen. Es geht natürlich auch, dass unter "advanced template option" custom css-code eingetragen wird. Aber leider funktioniert das nicht für alle Aufgabenstellungen, wie beispielsweise beim Hintergrundbild, der Code wird auch nicht sehr übersichtlich dargrestellt und es fehlt die automatische Fehlerkennung.

Aber was macht man nicht alles um zum Erfolg zu kommen

Gruß aus Bayern

Jo, der Customm CSS Code im Templatestil selber ist etwas eigen. Der mag einige Zeichen nicht, wie zB ">".