Dem Footer ein eigenes Hintergrundbild geben?

[LisaserstesForum]

Hi, ich würde gern der Datei overall_footer.html ein eigenes Hintergrundbild verpassen, so dass der Hintergrund unten anders ist als der im Rest des Forums.
Über die Suche habe ich darüber noch nichts gefunden. Ist es möglich?

[Lehrling]

Du könntest dem page-footer ein Hintergrundbild zuweisen. Füge dazu in das colours.css folgende Klasse ein:

Code: Alles auswählen

#page-footer {
	background-color: #nach Belieben;
	background-image: url("./images/dein Bild");
	color: #nach Belieben;
}

[LisaserstesForum]

Das sieht dann so aus: [ externes Bild ]
Ich hätte es gerne über die ganze Breite und bis ganz nach unten.

[Lehrling]

Dann musst du den Container wrap verkürzen. Öffne die Datei overall_footer.html und finde folgende Stelle

Code: Alles auswählen

</div>

<div>
	<a id="bottom" class="anchor" accesskey="z"></a>
	<!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
</div>

Das erste </div> schneidest du aus und platzierst es in derselben Datei vor <!-- EVENT overall_footer_page_body_after -->
EDIT: Fehler korrigiert.

[LisaserstesForum]

Da verändert sich leider nichts.
https://www.phpbb.de/support/pastebin.p ... iew&s=1515

[Lehrling]

Cache geleert? Die Zuweisung eines Hintergrundbildes für den Container #page-footer ins colours.css eingebaut?
In deiner overall_footer ist ein Fehler, und zwar an der Stelle

Code: Alles auswählen

</div>
 
 
        <a id="bottom" class="anchor" accesskey="z"></a>
        <!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
</div>

Das habe ich dir falsch gesagt, sorry.
Du hättest nicht das <div> verschieben sollen, sondern das </div>. Tut mir leid, war mein Fehler.
Also verschiebe mal das obere </div> nach oben und das <div> wieder vor <a id="bottom" class="anchor" accesskey="z"></a>.
Ziel ist es, den Container wrap vor dem page-footer zu schließen und dafür braucht es ja ein </div>.

[LisaserstesForum]

Ach so, ok.
Jetzt ist es über die ganze Seite, nur nach unten hin fehlt es noch: [ externes Bild ]

[Lehrling]

Öffne das common.css und suche diese Stelle:

Code: Alles auswählen

body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: normal;
	margin: 0;
	padding: 12px 0;
	word-wrap: break-word;
	-webkit-print-color-adjust: exact;
}

Füge dort nach padding: 12px 0; in einer neuen Zeile padding-bottom: 0px; ein.

[LisaserstesForum]

Das verändert bei mir nichts, allerdings ist der Code auch etwas anders:

Code: Alles auswählen

body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: normal;
	margin: 0;
	padding: 0;
	padding-bottom: 0px;
	word-wrap: break-word;
	-webkit-print-color-adjust: exact;
}

[LisaserstesForum]

Hat niemand eine Idee, wie man den Hintergrund noch bis unten zum Seitenende hin bekommen kann?