Seite 1 von 1

[3.2] Logo ändern

Verfasst: 22.06.2017 13:13
von 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 :)

Re: [3.2] Logo ändern

Verfasst: 22.06.2017 13:49
von 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)

Re: [3.2] Logo ändern

Verfasst: 22.06.2017 13:54
von 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 :wink:

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 ... :oops:

Re: [3.2] Logo ändern

Verfasst: 22.06.2017 13:59
von 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. :(

Re: [3.2] Logo ändern

Verfasst: 22.06.2017 14:34
von Melmac
ford42 hat geschrieben:$ 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
sl_01.png (20.69 KiB) 617 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.

Re: [3.2] Logo ändern

Verfasst: 23.06.2017 00:52
von ford42
Danke, jetzt gehts! :) https://www.smoothies-forum.de/

LG ford