Seite 1 von 1
Grafik im Header löschen
Verfasst: 26.08.2012 11:49
von Huidigui
Huhu!
Ich verwende den Style Prosilver und möchte statt einer Banner-Grafik lieber eine Grafik verwenden, die im Hintergrund über die komplette breite des Bildschirmes verläuft. Wie ich das hinbekomme ist mir klar. Was mir jedoch nicht klar ist, wie bekomme ich die Hintergrundfarbe, wo sich das eigentliche Banner befindet, unsichtbar, so dass man die Grafik im Hintergrund auch dort erkennen kann? Das site_logo.gif mit dem Link zur index.php sollte natürlich erhalten bleiben.
Hoffe ich habe mich einigermaßen verständlich ausgedrückt. ^^
Re: Grafik im Header löschen
Verfasst: 26.08.2012 11:54
von Miriam
Ich habe keine Ahnung, wie das ganze bei phpBB3.1.0 funktioniert...
Was hast Du denn schon erreicht und wie sieht der Code aus?
Re: Grafik im Header löschen
Verfasst: 27.08.2012 19:44
von Huidigui
Code: Alles auswählen
.headerbar {
background-color: #4a4a4a;
background-image: url("{T_THEME_PATH}/images/banner.png");
color: #FFFFFF;
}
Das ist der entsprechende Code aus der colours.css. Den zu löschen bringt gar nichts. Die Hintergrundfarbe bleibt.
Re: Grafik im Header löschen
Verfasst: 27.08.2012 20:56
von Crizzo
Hi,
hast du auch das beachtet: KB:tippstyles ?
Grüße
PS: Du verwendest wohl eher phpBB 3.0.10 als phpBB 3.1.0, bei letztem wartet man noch auf die Alpha-Version.
Re: Grafik im Header löschen
Verfasst: 28.08.2012 17:38
von Huidigui
Ja, das habe ich beachtet bzw. auch so eingestellt. Dennoch wird der Header dann nach wie vor in der Hintergrundfarbe angezeigt und die site_logo.gif ist auch noch da.
Re: Grafik im Header löschen
Verfasst: 28.08.2012 17:41
von Crizzo
Huidigui hat geschrieben:und die site_logo.gif ist auch noch da
Das ist das Logo der Seite, dass hat mit der Änderung eben nichts zu tun. Wie du das änderst steht hier: KB:logo30x
Huidigui hat geschrieben:Ja, das habe ich beachtet bzw. auch so eingestellt. Dennoch wird der Header dann nach wie vor in der Hintergrundfarbe angezeigt und
Kann ich mal einen Link zum Forum sehen? Wenn du das Theme nicht aktualisiert hast, dann ist deine Änderung im CSS-Code nicht sichtbar. Ansonsten ist es gelöscht. Vielleicht ein Fehler beim Hochladen/Überschreiben der Datei gemacht oder vergessen zu speichern?
Denn
.headerbar ist nur an zwei Stellen überhaupt definiert (mal von bidi.css abgesehen)
colours:
Code: Alles auswählen
.headerbar {
background-color: #12A3EB;
background-image: url("{T_THEME_PATH}/images/bg_header.gif");
color: #FFFFFF;
}
common.css
Code: Alles auswählen
.headerbar {
background: #ebebeb none repeat-x 0 0;
color: #FFFFFF;
margin-bottom: 4px;
padding: 0 5px;
}
Dabei wir nur einem ein Hintergrundbild definiert und nur einmal die Hintergrundfarbe als "blau".
Re: Grafik im Header löschen
Verfasst: 28.08.2012 18:59
von Huidigui
Ahhh, die common.css ... die war es. ^^
Öffne "common.css".
Finde:
Code: Alles auswählen
.headerbar {
background: #ebebeb none repeat-x 0 0;
color: #FFFFFF;
margin-bottom: 4px;
padding: 0 5px;
}
Ersetze mit:
Öffne "colours.css".
Finde:
Code: Alles auswählen
.headerbar {
background-color: #12A3EB;
background-image: url("{T_THEME_PATH}/images/bg_header.gif");
color: #FFFFFF;
}
Ersetze mit:
Jetzt müsste ich nur noch wissen, wie ich die "corners_left.png" und "corners_right.png" ausgeblendet bekomme, die die "bg_header.gif" umschlossen haben.
Re: Grafik im Header löschen
Verfasst: 28.08.2012 19:11
von Crizzo
Die kommen aus dem Template von folgendem Code:
bzw. <span class="corners-bottom"><span></span></span>
und die passenden CSS-Regeln dazu.