MyBB.de Forum

Normale Version: Das Logo "verschieben"
Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
Hallo,

es geht um folgende Seite:
http://saw-rl.com/_san/

Möchte gerne das Logo "BlackEvo4" entfernen und ein neues, größeres und breiteres erstellen. Wenn ich jetzt das BlackEvo4 Logo durch meines ersetze, wird sich ja alles verschieben. Kann mir jemadn helfen, es so positionieren das es gut aussieht?

Danke!
Hallo Mani,

das aktuelle Logo "BlackEvo4" ist die Datei ".../images/blackevo4/logo.png".

Erstelle dir deine eigene (ggf. transparente) Grafik und trage sie unter "Admin-CP > Themes > BlackEvo4 > Forum-Logo" ein.

Mit der Größe der Grafik musst du ein wenig jonglieren, damit es in den Header passt; die Position des Logos ist im Stylesheet "global.css" in der Klasse ".logo" definiert:
Code:
.logo {
    width: 250px;
    height: 80px;
    position: absolute;
    margin-top: 15px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}
Okay transparent machen, aber was dann?

Ich möchte gerne einen neuen Header, aber wie/wo definiere ich das, dass der neue Header an der Stelle erscheint die ich gerne hätte?
Wie stellst du dir denn deinen neuen Header vor?

Gibt es evtl. einen Entwurf?
Ehm noch nicht, aber ich kann dann gleich einen Online stellen.

Du brauchst nur die Größe oder?
Hier wäre mal ungefähr die Große des Headers

http://img5.abload.de/img/hellblau8j5r.png
Ich hoffe, ich habe es richtig verstanden.

Versuche es einmal mit diesen Änderungen:

1. ersetze im Stylesheet "global.css" die kpl. ID "wrapper"
Code:
#wrapper {
...
}
durch
Code:
#wrapper {
    width: 1020px;
    padding: 0;
    background-color: #121212;
    background-image: url(images/blackevo4/header_bg.png);
    background-position: top left;
    background-repeat: no-repeat;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #2b2b2b;
    border-left-color: #2b2b2b;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    height: auto;
}
Ggf. musst den Namen der Grafikdatei "header_bg.png" noch anpassen.


2. ersetze in der ID "logo" die Zeile "height: 95px;" durch
Code:
#logo {
    ...
    height: 250px;
    ...
}

Ggf. musst du (wenn gewünscht) noch die Grafik für das Logo "BlackEvo4" anpassen.
Danke, werd ich heute Nachts ausprobieren.