MyBB :: Test- und Demo-Board v 1.4.16

Admin

Eines gleich vorweg: die Anzeige dieser fest fixierten Fußzeile funktioniert nur mit "modernen" Browsern problemlos. Der IE6 kann das z.B. nicht.

Füge in der "global.css" deines Themes am Ende das hinzu:

Code:

#static_footer {

    background: #616161 url(images/static_footer.png) repeat-x

    height: 20px;

    width: 100%;

    padding: 7px 0 0 0;

    position: fixed;

    bottom: 0px;

    left: 0px;

    z-index: 1000;

}

#static_footer_text {

    color: #FFF;

    font-family: Verdana, Arial, Helvetica, Sans-serif;

    font-size: 10px;

    text-align: center;

}

* html #static_footer {

    position: absolute;

}

Die einzelnen Werte für z.B. den Hintergrund, -grafik, Schriftgröße und -art, kannst du natürlich beliebig anpassen.

Füge dann noch im Template "Seitenkopf Templates --> header" am Anfang das hinzu:

PHP-Code:

<div id="static_footer">
    <div id="static_footer_text">Hier dein Text ...</div>
</div> 

Du möchtest diese feste Zeile lieber am oberen statt am unteren Rand haben?

Ersetze dazu in der 7. Zeile des ersten Codes

Code:

bottom: 0px;

durch

Code:

top: 0px;

Wer´s haben will, anbei noch die Hintergrundgrafik, die hier verwendet wird (mit rechts anklicken und speichern).

Gast schrieb am: 30.05.2009, 20:01 Uhr

erst einmal Dankeschön, dass Du hier so manche Code-Anpassung kurz und prägnant zusammenfasst. Sehr hilfreich und vor allen Dingen übersichtlich! Smile

Zu dieser statischen Fusszeile muss ich aber mal einen Kommentar loswerden. Blush

In letzter Zeit sehe ich immer mehr MyBB-Foren mit dieser Leiste und deren Admins meinen es zuweilen einfach zu gut damit. Die Leiste ist manchmal so groß, dass ihre Partner- und Sponsor-Links im Footer unter dieser Leiste verschwinden und nicht mehr angelickt werden können. Naja, müssen sie selbst wissen. Wink

Admin

(30.05.2009 20:01)Jockl schrieb: ...Die Leiste ist manchmal so groß, dass ihre Partner- und Sponsor-Links im Footer unter dieser Leiste verschwinden ...

Dabei würden doch ein paar zusätzliche

Code:

<br />

im Template "footer" - oder entsprechende CSS-Einstellungen - Wunder bewirken Wink

Baumstrukturmodus \| Linearer Modus Statische Fußzeile
Verfasser	Nachricht