Bild einbauen auf Startseite

Hallo zusammen
wie baue ich ein Bild auf der Startseite ein? Ich benutze das Template rhuk_milkyway. Ganz oben auf der Seite habe ich das Joomla-Logo entfernt und will es durch ein eigenes ersetzen. Es soll zentriert sein. Hat mir jemand eine Anleitung? Ich suche schon eine Ewigkeit in den Modulen und Kategorien und Berichten, aber werde nicht fündig.

Hallo jollyroger

Geh via FTP auf die Seite und ersetzte das Logo (logo.gif) im Pfad ../templates/ja_purity/images durch Dein Neues.

Gruss
Corinne

das habe ich jetzt gemacht aber es tut sich nicht. Muss ich irgendwo noch einen Link setzen auf dieses Logo? Und wo?

Hast Du einen Link zu Deiner Seite?

Nein, Du brauchst nur das bestehende logo.gif durch dein Bild zu ersetzten... also Dein Bild mit dem Namen logo.gif speichern und das bestehende überschreiben.

vielen dank für die superschnelle Antwort!
hier der Link: --ALTER LINK WURDE ENTFERNT--
Das Gif ist jetzt 16 KB gross, überigens den Hintergrund würde ich gerne schwarz einfärben. Wenn man das kann

Das Logo oben links wird im template.css --ALTER LINK WURDE ENTFERNT--

unter dem tag div#logo definiert.

Dort wurde nun das background: url... auf transparent gesetzt so dass nichts mehr angezeigt wird.

Dein Logo solltest Du nun am besten in /templates/rhuk_milkyway/images hochladen. Egal wie das heisst, merk Dir aber den Namen.

Dann musst im templates.css nach dem div#logo tag suchen und dort den background: url anpassen, so dass dieser auf Dein logo zeigt

zb:

background: url(../images/MEINLOGO.jpg) no-repeat;

Bitte beachte, dass das transparent nicht drin sein darf/sollte.

Um das Logo dann noch einmitten zu koennen, passt Du ganz einfach die Pixel Anzahl von margin-left an.
Moeglicherweise musst natuerlich auch noch die height und die width anpassen, so dass das Logo komplett dargestellt wird.

Um das logo noch schoener einmitten zu koennen, solltest die position: absolute entfernen

Dann die richtige width des logos setzen, margin-left entfernen, dafuer nur margin: auto; eintragen.
Das sollte eigentlich den logo container schoen einmitten und bleibt eingemittet, wenn man das browserfenster verkleinert.

Denke mit folgendem Code, solltest schon mal was erreichen:

Pass auch die height und width pixel Anzahl von deinem Logo an! Und selbstverstaendlich musst MEINLOGO.JPG abaendern und den namen deines logos eingeben. Auch die Endung, falls das logo ein gif oder png sein sollte...

...das Bild hast Du mal richtig hochgeladen... aber ich war im falschen Template rhuk_milkyway wäre richtig, nicht ja_purity ... sorry
siehe: --ALTER LINK WURDE ENTFERNT--

Den Hintergrund schwarz einzufärben geht auch (es geht fast alles )
Die jetzigen Bilder sind im Ordner ...rhuk_milkywayimagesblack ... dort wäre das grau, schwarz zu machen ...
Da gibts aber mehrere Wege... kommt immer darauf an wie gut Du dich im CSS auskennst ...
sonst dein logo auf den hintergrund anpassen und darüberlegen...

genau.. und das logo wird auch angezeigt, wenn man

background: url(../images/logo.gif) no-repeat;

eintraegt.

Aber das Logo ist ja viel zu gross... Das musst unbedingt noch etwas verkleinern!

Ich hab getan wie gesagt, aber es geht nicht. das Logo ist im Ordner images/stories
ich weiss, das Logo ist gross, aber ich machs dann noch kleiner.

Hier der Ausschnitt aus dem css:

}

div#logo {
position: absolute;
left: 0;
top: 0;
float: left;
width: 600px;
height: 363px;
background: url(../images/stories/logo.gif) no-repeat;
margin: auto;
}