Seite 1 von 1

Logo ändern

Verfasst: 19.12.2015 15:19
von andrea54
Hallo,

ich habe ein Forum auf Version 3.1 konvertiert. Hat auch alles gut geklappt, nur der Austausch des Logos nicht. Habe ich nach dieser Anleitung vorgenommen:
https://www.phpbb.de/kb/logo31x

/* Global imageset items */
.imageset.site_logo {
background-image: url("./images/site_logo.gif");
padding-left: 147px;
padding-top: 55px;

Aber das Logo wird nicht scaliert, sondern nur ein entsprechender Ausschnitt dargestellt.

http://www.trans-partner.de/

Sind da noch zusätzliche Einstellungen notwendig?

LG Andrea

Re: Logo ändern

Verfasst: 19.12.2015 15:26
von Lehrling
soll das Bild kleiner sein? Dann wäre es am einfachsten, du skalierst es mit einem Grafikprogramm auf die passende Größe.

Re: Logo ändern

Verfasst: 19.12.2015 16:44
von Kirk
Hallo
Wenn du dieses Bild in voller Größe angezeigt haben möchtest, mache folgendes:
Öffne: root/style/deinstyle/theme/imageset.css
Finde:

Code: Alles auswählen

.imageset.site_logo {
    background-image: url("./images/site_logo.gif");
    padding-left: 147px;
    padding-top: 55px;
}
Ersetze es mit:

Code: Alles auswählen

.imageset.site_logo {
    background-image: url("./images/site_logo.gif");
    padding-left: 690px;
    padding-top: 258px;
}
Danach deinen Browser Cache leeren STRG+F5

Man könnte dieses Bild auch per css verkleinern, z. b. so:

Code: Alles auswählen

.imageset.site_logo {
    background-image: url("./images/site_logo.gif");
    background-size: 200px auto;
    padding-left: 200px;
    padding-top: 78px;
}

Re: Logo ändern

Verfasst: 19.12.2015 17:41
von andrea54
Lehrling hat geschrieben:soll das Bild kleiner sein? Dann wäre es am einfachsten, du skalierst es mit einem Grafikprogramm auf die passende Größe.
Hatte ich gemacht, aber die Qualität leidet darunter.

Ich habe es jetzt so gemacht:
Kirk hat geschrieben: Man könnte dieses Bild auch per css verkleinern, z. b. so:

Code: Alles auswählen

.imageset.site_logo {
    background-image: url("./images/site_logo.gif");
    background-size: 147px auto;
    padding-left: 147px;
    padding-top: 55px;
}
Und es hat sofort geklappt.

Vielen Dank für die Hinweise.

LG Andrea

Re: Logo ändern

Verfasst: 19.12.2015 17:57
von Talk19zehn
Hello und klar, nicht schlecht! Welches Klientel man in Sachen Browserkompatibilität background-size
anspricht, erreichen möchte - nur als Hinweis angedacht: :wink:

http://www.w3schools.com/cssref/css3_pr ... d-size.asp

Grüße