[3.2] Logo ändern

[ford42]

Hey,
ich möchte das Logo des Foums smoothies-forum.de ändern.

Hierzu habe ich in den Ordner /styles/prosilver/theme/images die Datei site_logo.jpg herunter geladen.
Dann habe ich in der Datei colours.css folgendes geändert:

Code: Alles auswählen

.site_logo {
	background-image: url("./images/site_logo.jpg");
}

Und in der Datei common.css folgendes:

Code: Alles auswählen

.site_logo {
       	display: inline-block;
    	width: 149x;
        height: 172px;
}

Das Bild hat eine Größe von 556*640 (diese Größe habe ich auch schon probiert mit dem gleichen Fehler).

Dann habe ich den Cache des Forums+Browser gelöscht und das Forum neu geladen. Die Spalte ist zwar größer, jedoch kann man das Bild nicht erkennen.
Könnt ihr ja selbst sehen, wenn ihr auf das Forum geht.

Weiß jemand an was das liegen kann?

Vielen Dank
LG ford

[juliokr]

Bist Du dir sicher das Du ein Logo mit dem Namen

Code: Alles auswählen

site_logo.jpg

geladen hast ?
Ansonsten ist eine größe des Logos von 556x640 viel zu groß (würde den Halben Bildschirm eines PC Monitors ausfüllen)

[Melmac]

Hi,

den ursprünglichen Code in der common.css passt Du an die realen Daten Deines Logos an.

Code: Alles auswählen

.site_logo {
	display: inline-block;
	width: 149px;
	height: 52px;
}

Hier musst Du bei width: die physische Breite Deines Logos in px eingeben und bei height: dann entsprechend dessen physische Höhe.

Dein Code sieht nach Deinen Anpassungen jetzt allerdings so aus:

Code: Alles auswählen

.site_logo {
    display: inline-block;
    height: 172px;
}

Die Breitenangabe fehlt komplett und die Höhe entspricht nicht der Höhe Deines Logos

Korrekt wäre gewesen:

Code: Alles auswählen

.site_logo {
	display: inline-block;
	width: 556px;
	height: 640px;
}

.

Davon mal jetzt abgesehen: Dein Logo in seiner jetzigen Größe erschlägt alles - es ist viel zu groß.
Es wäre besser, wenn Du es auf eine vernünftige Größe herunterskalieren würdest, so dass es maximal noch eine Höhe von 200px hat, eher noch kleiner.
(Danach dann nicht vergessen, den obigen Code neu anzupassen.)


Tante Edith:
Oooops, juliokr war schneller ...

[ford42]

$ pwd
...../www.smoothies-forum.de/styles/prosilver/theme/images
$ ls site_logo.jpg
site_logo.jpg

Also da ist es schon und ich wollte die Maße ein bisschen an das alte Logo anpassen, dachte, dass ich es mit den Angaben schaffe. (deshalb habe ich schon Breite und Länge im Code)

Aber als ich es erst mit der richtigen Größe versucht habe, hat es auch nicht funktioniert.

[Melmac]

$ pwd
...../www.smoothies-forum.de/styles/prosilver/theme/images
$ ls site_logo.jpg
site_logo.jpg

Das hier musst Du mir jetzt aber leider erst einmal übersetzen: wo hast Du dies her?

Wenn ich via Firebug die Werte im Inspector auf die korrekten Maße ändere, dann wird mir das Logo auch anezeigt - und zwar in seinen vollen Dimensionen. Auch ohne dies ist zu sehen, dass es vorhanden ist:

sl_01.png (20.69 KiB) 620 mal betrachtet

Wie ich geschrieben habe: diese Werte müssen exakt den physischen/realen Abmessungen der verwendeten Logo-Grafik entsprechen, ansonsten gibts Darstellungsprobleme.
Wenn das Logo kleiner angezeigt werden soll, dann musst Du zuerst einmal die Grafik selbst entsprechend verkleinern (= skalieren).
Hierfür gibts jede Menge guter Freeware im Internet zu finden, mit der zu machen das dann auch kein großer Voodoo-Zauber ist.

[ford42]

Danke, jetzt gehts! https://www.smoothies-forum.de/

LG ford