Seite 1 von 1

Headergröße

Verfasst: 05.03.2014 01:08
von bunker-du
Hallo,

ich bräuchte mal eure Hilfe.

Ich habe mir den Style http://demo.phpbb3styles.net/SE+Gamer+Dark runtergeladen und angepasst. Ich verwende die Forenversion 3.0.12.
Das Forum hat eine variable Breite. Nun macht der Header allerdings Probleme, da sich dieser nicht anpasst und ein abgeschnittener Header sieht nicht wirklich gut aus.
http://lost-places-history.de/index.php hier könnt ihr euch das ansehen was ich meine, einfach mal rein zoomen oder das Browserfenster kleiner machen.

Gibt es eine Möglichkeit, dass Headerbild auch mit anpasst?

Danke schonmal

vg

Re: Headergröße

Verfasst: 05.03.2014 13:30
von HabNurNeFrage
Hi,

diese Möglichkeit besteht für alle, deren Browser css3 unterstützen, was mittlerweile aber standard sein sollte.

In css3 wurde dafür background-size eingeführt. Bei statischer Bildhöhe wird das Bild je nach div-Breite dann gestaucht oder gestreckt dargestellt.
Was schöner ist, also Stauchung bzw. Streckung oder der nicht sichtbare Bildüberhang, wäre von Fall zu Fall selbst zu entscheiden.

Für Dich wäre dafür folgende Änderung durchführbar:

Öffne: http://lost-places-history.de/styles/SE ... olours.css

Finde:

Code: Alles auswählen

.headerbar {
    background: url("{T_THEME_PATH}/images/banner.jpg") no-repeat left top #000000;
    height: 213px;
    color: #FFFFFF;
}

Ersetze durch:

Code: Alles auswählen

.headerbar {
    background: url("{T_THEME_PATH}/images/banner.jpg") no-repeat left top #000000;
    background-size:100% 100%;
    height: 213px;
    color: #FFFFFF;
}
LG

PS: Um die Änderungen anzuwenden, empfielt sich das Leeren des Boardcashes sowie das Aktualisieren des Themes dieses Styles :wink:

Re: Headergröße

Verfasst: 05.03.2014 16:55
von bunker-du
Super,

Vielen Dank, das hat geklappt. auf background-size wäre ich wohl nie gekommen.