+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Das Logo "verschieben" (/thread-14009.html)
Das Logo "verschieben" - Mani - 27.07.2009
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!
RE: Das Logo "verschieben" - linwinman - 28.07.2009
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;
}RE: Das Logo "verschieben" - Mani - 28.07.2009
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?
RE: Das Logo "verschieben" - linwinman - 28.07.2009
Wie stellst du dir denn deinen neuen Header vor?
Gibt es evtl. einen Entwurf?
RE: Das Logo "verschieben" - Mani - 28.07.2009
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
RE: Das Logo "verschieben" - linwinman - 28.07.2009
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 {
...
}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;
}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.
RE: Das Logo "verschieben" - Mani - 28.07.2009
Danke, werd ich heute Nachts ausprobieren.