Brauche Hilfe beim bearbeiten des Headers

[Mariop111]

Hallo Leute.  Ich habe ein Problem und komme einfach nicht weiter. Zur veranschaulichung habe ich ein Bild angehangen. Ich möchte gerne den Bereich, in dem links "Testforum" steht und sich rechts das SMF Logo befindet, entfernen. Gut wäre wenn ich stattdessen ein Logo als Header einbauen könnte. Könnte mir einer von euch sagen wie das geht?       

[NemWar]

Hallo Mariop111,

gib mir ein paar Minuten, ich suche mal nach einer Lösung und poste Sie Dir dann ...
denke das sollte nicht soooo schwer sein


Edit:

So, hab die Lösung in meinen Lesezeichen gefunden 

Hier also der Link zu simplemachines.org mit der entsprechenden Lösung für SMF2.0.

Diese Lösung ist von Antechinus, ich übersetze sie hier einfach nur nochmals ... für alle die Englisch nicht mögen 

Tip von mir, unbedingt mit einer Kopie des Original-Themes arbeiten!!

Zuerst trägt Du unter [Administrator] -> [Konfiguration] -> [Aktuelles Theme] bei [Logo Bild URL] Deinen Header / Banner ein.
Alternativ kannst Du Dein Bild auch smflogo.png nennen und es unter /Themes/Euer Theme/images/ speichern, dies überschreibt allerdings das Original-Logo.

Nun kommen die Änderungen an der index.css. Diese findet Du im Unterordnder /css Deines Theme-Ordners.
Zum Bearbeiten selbst verwende ich immer Notepad++ (falls Du noch keinen Editor für php und css Dateien hast).

Finde folgende Stelle:

Code: [Auswählen]

/* the main title, always stay at 45 pixels in height! */
h1.forumtitle
{
line-height: 45px;
font-size: 1.8em;
font-family: Geneva, verdana, sans-serif;
margin: 0;
padding: 0;
float: left;
}
/* float these items to the right */
#siteslogan, img#smflogo
{
margin: 0;
padding: 0;
float: right;
line-height: 3em;
}

und ersetzte das durch:

Code: [Auswählen]

/* the main title, always stay at 45 pixels in height! */
h1.forumtitle
{
line-height: 45px;
font-size: 1.8em;
font-family: Geneva, verdana, sans-serif;
margin: 0;
padding: 0;
text-align: center;
}
/* float these items to the right */
#siteslogan, img#smflogo
{
margin: 0;
padding: 0;
float: right;
display: none;
}

Zusätzlich solltest Du auch noch diese Stelle ändern, um Probleme mit dem "Persönlichen Bereich" (ich nenne Ihn einfach mal so  ) zu umgehen.

Stelle finden:

Code: [Auswählen]

/* the upshrink image needs some tweaking */
img#upshrink
{
float: right;
margin: 1em;
}

und durch dies erstzen:

Code: [Auswählen]

/* the upshrink image needs some tweaking */
img#upshrink
{
position: absolute;
right: 30px;
        top: 20px;
}


Achte darauf, das Du keine Zeichen vergisst, am besten wieder von der Original index.css eine Sicherungskopie machen!

Am Ende sollte das ganze ungefähr so aussehen:




Gruß
NemWar