Seite 1 von 2

Dem Footer ein eigenes Hintergrundbild geben?

Verfasst: 09.08.2015 19:36
von 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?

Re: Dem Footer ein eigenes Hintergrundbild geben?

Verfasst: 09.08.2015 19:57
von 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;
}

Re: Dem Footer ein eigenes Hintergrundbild geben?

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

Re: Dem Footer ein eigenes Hintergrundbild geben?

Verfasst: 09.08.2015 20:25
von 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.

Re: Dem Footer ein eigenes Hintergrundbild geben?

Verfasst: 09.08.2015 20:39
von LisaserstesForum

Re: Dem Footer ein eigenes Hintergrundbild geben?

Verfasst: 09.08.2015 20:49
von 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>.

Re: Dem Footer ein eigenes Hintergrundbild geben?

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

Re: Dem Footer ein eigenes Hintergrundbild geben?

Verfasst: 09.08.2015 21:28
von 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.

Re: Dem Footer ein eigenes Hintergrundbild geben?

Verfasst: 09.08.2015 21:31
von 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;
}

Re: Dem Footer ein eigenes Hintergrundbild geben?

Verfasst: 10.08.2015 21:34
von LisaserstesForum
Hat niemand eine Idee, wie man den Hintergrund noch bis unten zum Seitenende hin bekommen kann?