Headergrafik (prosilver SE)

[Z-MANN]

Mein verwendetes Style: "prosilver Special Edition" Style (Quelle).

Hallo,
ich würde gerne den dunklen Kasten bei mir oben im Header komplett gegen die Grafik tauschen.
Header
Nur komme ich da irgendwie nicht weiter, wie ich das hinbekommen soll!?

[Talk19zehn]

Hello, das ist jedoch nicht das Original der overall_header deiner Quelle, soweit ich das erspähe ... -

Von daher nur Firebug ( sieht bei dir daher anders aus ) entnommen, da Angaben fehlen: ohne Gewähr

<div class="headerbar">
<div class="inner"><span class="corners-top"><span></span></span>

<div style="text-align: center;">
<a title="Foren-Übersicht" href="./index.php"><img width="790" height="150" title="" alt="" src="./styles/prosilver_se/imageset/header.gif"></a>
<p style="display: none;"><a href="#start_here">Zum Inhalt</a></p>
</div>

weiterer Inhalt deinerseits

<span class="corners-bottom"><span></span></span></div>
</div>

Wenn du mit einer einfachen Lösung im Selbstversuch leben kannst, lösche darin:

einerseits

<div class="headerbar">
<div class="inner"><span class="corners-top"><span></span></span>

und andererseits

<span class="corners-bottom"><span></span></span></div>
</div>

Das lockert m.E. das Gesamterscheinungsbild auch auf, stimmt. Denn die Grafik ist um wenige Pixel kleiner in der Breite. Gute Idee deinerseits. Probiere, teste und prüfe bitte, ob dir Ansatz zusagt.

Grüße

PS.: Achtung --> Ich vermute auch, dass du im Anschluss die Search-Box neu verlegen musst.
Reiner Anhaltspunkt wegen fehlender Angaben
.

[Z-MANN]

Ich hätte schon eine grössere Grafik im Petto, 836 x 162
die müsste genau so groß sein wie der dunkle Bereich.

[Talk19zehn]

Hallo erst einmal....

das ändert an meinem Vorschlag für den Selbstversuch nichts. Alles reine Geschmackssache - "weniger oder kleiner ist evtl. mehr", da der phpBB3-Header dann nicht passgenau wie eine Art Kasten wirkt. Probiere es einfach aus.
Grüße

[Z-MANN]

Hallo erst einmal....

das ändert an meinem Vorschlag für den Selbstversuch nichts. Alles reine Geschmackssache - "weniger oder kleiner ist evtl. mehr", da der phpBB3-Header dann nicht wie ein Kasten wirkt. Probiere es einfach aus.
Grüße

Erst mal Danke,

Habe beides probiert, will mir aber ganz ehrlich nicht gefallen.

Der erste Vorschlag würde fast passen, nur müsste das Forum etwas Breiter sein.

[Talk19zehn]

Tja, es war die Idee der Ideen für deinen neuen Headerbereich:

Hallo,
ich würde gerne den dunklen Kasten bei mir oben im Header komplett gegen die Grafik tauschen.

Okay, - Grüße

[Z-MANN]

Kann man vielleicht eine grössere Grafik irgendwie über den dunklen Kasten legen?

[Talk19zehn]

Hello, neuer und letzter Versuch. Ich komme auf eine rechnerische Grafikgröße von ca. 830px x 170px.

Wieder nur via Firebug ( sieht bei dir daher anders aus ) entnommen, da Angaben fehlen: ohne Gewähr

Daher ein Zitat:

<div class="headerbar">
<div class="inner"><span class="corners-top"><span></span></span>

<div style="text-align: center;">
<a title="Foren-Übersicht" href="./index.php"><img width="790" height="150" title="" alt="" src="./styles/prosilver_se/imageset/header.gif"></a>
<p style="display: none;"><a href="#start_here">Zum Inhalt</a></p>
</div>

weiterer Inhalt deinerseits

<span class="corners-bottom"><span></span></span></div>
</div>

Wenn du einen neuen Selbstversuch starten möchtest, suche darin:

<div class="headerbar">

ersetze durch

<div>

Zuvor passe die Grafik in ihrer Größe an. Andere Ideen habe ich momentan für das Style leider dann nicht, zumal bereits ein Umbau deinerseits, wie Eingangs schon erwähnt, vorliegt. Außerdem arbeite ich ungern via Firebug, da ich das Endergebnis nicht wirklich selbst testen kann. Deine Grafik hat Ecken, die farblich ggf. angepasst werden müssen.

Grüße

Edit: Code repariert

[HabNurNeFrage]

Hi,

könnte man nicht auch die jetzige header.gif durch einen transparenten Pixel ersetzen und das Logo-Bild als Hintergrund im CSS definieren?

Im CSS die Stelle:

Code: Alles auswählen

.headerbar {
    background-color: #7C8891;
    background-image: url("./styles/prosilver_se/theme/images/bg_header.gif");
    color: #FFFFFF;
}

Ersetzen durch:

Code: Alles auswählen

.headerbar {
    background-color: #7C8891;
    background-image: url("./styles/prosilver_se/theme/images/sitelogo.gif");
    background-repeat:no-repeat;
    background-size:100% 100%;;
}

Nun noch die sowieso schon nahezu passende jetzige header.gif als sitelogo.gif in den theme/images Ordner verschieben und umbenennen...

LG

[Miriam]

Wenn du einen neuen Selbstversuch starten möchtest, suche darin:

<div class="headerbar">
<div class="inner"><span class="corners-top"><span></span></span>

ersetze durch

<div>

Was passiert denn mit dem 2. schließenden </div>, das jetzt keinen Partner mehr hat?