Hallo, Gast! (Registrieren)

Wir wünschen allen Besuchern frohe Ostern!

Letzte Ankündigung: MyBB 1.8.37 veröffentlicht (04.11.23)


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
Das Logo "verschieben"
#1
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!
Zitieren
#2
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;
}
Zitieren
#3
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?
Zitieren
#4
Wie stellst du dir denn deinen neuen Header vor?

Gibt es evtl. einen Entwurf?
Zitieren
#5
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
Zitieren
#6
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.
Zitieren
#7
Danke, werd ich heute Nachts ausprobieren.
Zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Logo verschieben (Bis jetzt keine Lösung!) [GGF] MD 5 1.831 06.08.2017, 18:14
Letzter Beitrag: MrBrechreiz
  Logo nach links verschieben. Dana 4 2.430 16.07.2014, 15:32
Letzter Beitrag: Dana
  Forum Logo fest machen, bzw das man das Logo nicht Kopieren oder klauen kann?=/ BattlieldAD 44 13.161 07.06.2014, 15:07
Letzter Beitrag: MrBrechreiz
Question Logo links + Logo rechts press 45 17.822 28.01.2014, 15:49
Letzter Beitrag: MrBrechreiz
  logo verschieben und anpassen vladik13 4 2.272 04.06.2012, 13:52
Letzter Beitrag: MrBrechreiz