Dem Footer ein eigenes Hintergrundbild geben?

[Talk19zehn]

Hm, also so wird das irgendwie schwierig, da das Konzept m.E. nicht mehr passt. Mein Hintergrundbild ist eine kleine Grafik 25x25px (vgl. button-white.png) und hat einen Farbverlauf (Weiß, Hellgrau). Diese Grafik liegt im Verzeichnis styles/forumbook/theme/images.

Mein CSS für den Footer sieht wie folgt aus: Test(!)

Code: Alles auswählen

/* Footer css
----------------- */
.sitefooter-combibo-eu, .sitefooter-combibo-eu a {
	color: #191919;
}

.sitefooter-combibo-eu {
	background: url("./images/button-white.png") repeat-x scroll top center #F8F8F8;
	font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
	font-size: 11px;
	margin-top: 50px;
	overflow: hidden;
	padding-bottom: 30px;
	padding-top: 10px;
}

/* End Footer css
------------------- */

*)Die overall_footer:
https://www.phpbb.de/support/pastebin.p ... iew&s=1516

*)Andere HTML-Verschachtelungen sind denkbar.

Bitte bedenke auch, dass du die Events evtl. noch an eine geeignete Stelle setzen solltest:
<!-- EVENT overall_footer_after --> und <!-- EVENT overall_footer_body_after -->


Eine andere Idee habe ich momentan für jenes Style forumbook phpBB-Version 3.1.5 leider nicht.

Grüße

P.S.: In deinem Quelltext finde ich unzählige breaks: Firebug entnommen(!) ...

<span class="responsive-hide">
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</span>

Wo kommt das her? Ich habe eine derartige Ausgabe gar nicht.

[LisaserstesForum]

Hi Talk19zehn,

danke für deine Antwort.
Ich habe das so probiert, leider geht das auch nicht bis ganz unten, unten bleibt ein weißer Bereich:
[ externes Bild ]

Die vielen Breaks sind Absicht, die habe ich rein genommen weil ich links die Geburtstage, Statistik usw raus genommen habe.
Dadurch ist alles noch oben gerutscht und das sah nicht so toll aus, deswegen die Breaks.

[Talk19zehn]

Hello, in meinem Falle nicht:

# General Information about this style
name = forumbook
copyright = © John Olson
style_version = 1.0.0
phpbb_version = 3.1.5

[ externes Bild ]

Hast du eine andere Version?


Ggf. hast du vorgehende Änderungen gar nicht wieder "ausgebaut". Oder es spielen Änderungen am Standard eine Rolle, die sich bei dir auswirken.

Grüße

[LisaserstesForum]

Nein, ich habe die gleiche Version.
Ich habe eben mal alle Styledateien mit den Originalen verglichen, die wenigen Änderungen sollten eigentlich nichts ausmachen.
Kannst du dich mal bitte in deinem Testforum anmelden und den Link zum Adminbereich anklicken um nachzuschauen, ob auch da der Hintergrund der overall_footer.html bis unten hin geht?

[Talk19zehn]

Hello, das ist ja "plöd". So bliebe ggf. nur das Fixieren? Neuer Test: Vielleicht so ...

CSS: Es gibt ganz bestimmt tolle andere Lösungsansätze oder Tutorials. Einfach mal im WWW danach suchen: Footer fixieren
Das kannst du ja noch aufhübschen und modern anpassen, verbessern (nur rasch laut gedacht), kein fertiger Ansatz.

Code: Alles auswählen

/* Footer css
----------------- */
.sitefooter-combibo-eu, .sitefooter-combibo-eu a {
	color: #191919;
}

.sitefooter-combibo-eu {
	background: url("./images/button-white.png") repeat-x scroll top center #F8F8F8;
	font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
	font-size: 11px;
	margin-top: 2px;
	overflow: hidden;
	padding-bottom: 3px;
	padding-top: 2px;
}

/* fixed footer
------------------------------------*/
.bottom_fixed_footer {
	background-color: #CCCCCC;
	padding: 3px;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	color: #000000;
	font-size: 1.05em;
	font-weight: normal;
	z-index: 10;
}

.topbottom_fixed_footer {
	padding-top: 112px;
}
 
/* end Footer css
------------------------------------*/

HTML suche bitte:

Code: Alles auswählen

<div class="sitefooter-combibo-eu">
	<div class="copyright">
		<!-- EVENT overall_footer_copyright_prepend -->
		<a target="_blank" href="https://www.phpbb.com/community/viewtopic.php?f=476&t=2329571">Forumbook</a> style developed for phpBB<br />
		{CREDIT_LINE}
		<!-- IF TRANSLATION_INFO --><br />{TRANSLATION_INFO}<!-- ENDIF -->
		<!-- EVENT overall_footer_copyright_append -->
		<!-- IF DEBUG_OUTPUT --><br />{DEBUG_OUTPUT}<!-- ENDIF -->
		<!-- IF U_ACP --><br /><strong><a href="{U_ACP}">{L_ACP}</a></strong><!-- ENDIF -->
	</div>
		<div>
			<a id="bottom" class="anchor" accesskey="z"></a>
			<!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
		</div>
</div>

und ersetze: Ob du diese Verschachtelungen so brauchst oder andere Lösungen nutzt, teste bitte erneut.

Code: Alles auswählen

<p style="height: 106px">&nbsp;</p>
	<div class="topbottom_fixed_footer"><div class="bottom_fixed_footer">
		<div class="sitefooter-combibo-eu">
			<div class="copyright">
				<!-- EVENT overall_footer_copyright_prepend -->
				<a target="_blank" href="https://www.phpbb.com/community/viewtopic.php?f=476&t=2329571">Forumbook</a> style developed for phpBB<br />
				{CREDIT_LINE}
				<!-- IF TRANSLATION_INFO --><br />{TRANSLATION_INFO}<!-- ENDIF -->
				<!-- EVENT overall_footer_copyright_append -->
				<!-- IF DEBUG_OUTPUT --><br />{DEBUG_OUTPUT}<!-- ENDIF -->
				<!-- IF U_ACP --><br /><strong><a href="{U_ACP}">{L_ACP}</a></strong><!-- ENDIF -->
			</div>
				<div>
					<a id="bottom" class="anchor" accesskey="z"></a>
					<!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
				</div>
		</div>
	</div></div>

Gruß

[LisaserstesForum]

Ok, das ist ja eine ganz coole Alternative.
Ich habe das auf meinen Hintergrund umgeschrieben und da jetzt einen seltsamen Strich im Footer, ich habe nicht wirklich eine Ahnung, woher der kommt?!
[ externes Bild ]

Der Code in der common.css ist jetzt so:

Code: Alles auswählen

/* Footer css
----------------- */
.sitefooter-combibo-eu, .sitefooter-combibo-eu a {
   color: #191919;
}

.sitefooter-combibo-eu {
   background: url("./images/footer_pattern.png") repeat-x scroll top center #353535;
   font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
   font-size: 11px;
   margin-top: 2px;
   overflow: hidden;
   padding-bottom: 3px;
   padding-top: 2px;
}

/* fixed footer
------------------------------------*/
.bottom_fixed_footer {
   background-color: #353535;
   padding: 3px;
   bottom: 0;
   left: 0;
   position: fixed;
   right: 0;
   color: #353535;
   font-size: 1.05em;
   font-weight: normal;
   z-index: 10;
}

.topbottom_fixed_footer {
   padding-top: 112px;
}
 
/* end Footer css
------------------------------------*/

Hast du eine Idee oder einen Tip, wie ich diesen Strich darin noch weg bekomme?

[Talk19zehn]

Hello, das margin-top von 2px ergab in meinem Falle eine kleine Abgrenzung (vgl. sitefooter-combibo-eu) in Kombination mit dem padding von 3px (vgl. bottom_fixed_footer).

Da man bei dir nun gar nix mehr lesen kann, schlage ich vor, dass du color #191919 ggf. bspw. auf #FAFAFA (vgl. sitefooter-combibo-eu, .sitefooter-combibo-eu a) oder einen lesbaren Farbwert deiner Wahl setzt.

Gruß