Gamepedia Help Wiki
Advertisement

Hintergrundbilder sind eines der bestimmenden Elemente für den "Look" einer Wikiseite. Achtung weiter unten sind einige Einträge für die Behandlung des Ganzen in CSS!

Das Hintergrundbild auf dem Wiki sollte sich immer der Benutzermonitorgröße anpassen. Was ist aber nun, falls der Monitor bzw. die Graphikkarte es nicht so hergeben? Hier ein paar Tipps:

In Firefox kann man (Ctrl/Strg und -) verwenden, um das Bild auf dem Monitor zu verkleinern. Auch mehrmals, wenn nötig. Das kann man auch zur Überprüfung nutzen, ob die Wahl des CSS für den Hintergrund auch so glücklich war wie gedacht. Manchmal werden Bilder für Nutzer mit bestimmten Monitoren abrupt abgeschnitten, dann sollte man die Wahl des Hintergrunds nochmal überdenken.

Änderungen zurücksetzen: Ctrl/Strg und 0

CSS Tipps[]

Cover[]

body {
    background: #000000 url(https://killingfloor2.gamepedia.com/media/killingfloor2.gamepedia.com/9/98/Bg.jpg) no-repeat fixed center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

Breite skalieren[]

Falls der Hintergrund schön nach Transparent oder die Standardhintergrundfarbe ausläuft, kann man ihn einfach zur Breite (oder Höhe) hin skalieren.

body {
    background: #000000 url(https://witcher.gamepedia.com/media/witcher.gamepedia.com/3/33/Tw3_wiki_bg.jpg) no-repeat fixed center top / 100% auto;
}

Ausnahmen[]

Falls, wegen welchem Grund auch immer, es nicht möglich ist das Hintergrundbild zu skalieren, bietet es sich an, es entweder transparent oder zur Standardhintergrundfarbe hin rechts, links und am unteren Rahmen sanft auslaufen zu lassen (dabei natürlich von einer Platzierung oben auf der Seite ausgehend).

Das ergibt zumindest einen angenehmeren Übergang für die Benutzer.

Advertisement