Seite 1 von 3
Headergrafik (prosilver SE)
Verfasst: 28.07.2013 15:01
von 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!?
Re: Headergrafik (prosilver SE)
Verfasst: 28.07.2013 16:06
von 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
.
Re: Headergrafik (prosilver SE)
Verfasst: 28.07.2013 19:01
von 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.
Re: Headergrafik (prosilver SE)
Verfasst: 28.07.2013 19:09
von 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
Re: Headergrafik (prosilver SE)
Verfasst: 28.07.2013 19:12
von Z-MANN
Talk19zehn hat geschrieben: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.
Re: Headergrafik (prosilver SE)
Verfasst: 28.07.2013 19:20
von Talk19zehn
Tja, es war die Idee der Ideen für deinen neuen Headerbereich:
Z-MANN hat geschrieben:
Hallo,
ich würde gerne den dunklen Kasten bei mir oben im Header komplett gegen die Grafik tauschen.
Okay, - Grüße
Re: Headergrafik (prosilver SE)
Verfasst: 28.07.2013 19:35
von Z-MANN
Kann man vielleicht eine grössere Grafik irgendwie über den dunklen Kasten legen?
Re: Headergrafik (prosilver SE)
Verfasst: 28.07.2013 20:34
von 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
Re: Headergrafik (prosilver SE)
Verfasst: 28.07.2013 21:02
von 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
Re: Headergrafik (prosilver SE)
Verfasst: 28.07.2013 21:40
von Miriam
Talk19zehn hat geschrieben: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?
