Seite 2 von 2
Re: Dem Footer ein eigenes Hintergrundbild geben?
Verfasst: 11.08.2015 13:19
von 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.
Re: Dem Footer ein eigenes Hintergrundbild geben?
Verfasst: 11.08.2015 20:40
von 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.
Re: Dem Footer ein eigenes Hintergrundbild geben?
Verfasst: 11.08.2015 22:41
von 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
Re: Dem Footer ein eigenes Hintergrundbild geben?
Verfasst: 12.08.2015 08:39
von 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?
Re: Dem Footer ein eigenes Hintergrundbild geben?
Verfasst: 12.08.2015 13:49
von 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"> </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ß
Re: Dem Footer ein eigenes Hintergrundbild geben?
Verfasst: 12.08.2015 22:01
von 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?
Re: Dem Footer ein eigenes Hintergrundbild geben?
Verfasst: 12.08.2015 23:55
von 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ß
![[ externes Bild ]](http://www.fotos-hochladen.net/uploads/combibocommunixboah1cjqg.png){kind=link}
![[ externes Bild ]](http://www.ongray-design.de/screenshots/forumsbook_footer_1008205_315_a.jpg){kind=link}
![[ externes Bild ]](http://www.fotos-hochladen.net/uploads/combibocommunifuks96nvab.png){kind=link}