Grafik im Header löschen

[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. ^^

[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?

[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.

[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.

[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.

[Crizzo]

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

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".

[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:

Code: Alles auswählen

.headerbar {
   margin-bottom: 4px;
   padding: 0 5px;
}

Ö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:

Code: Alles auswählen

.headerbar {
}

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.

[Crizzo]

Die kommen aus dem Template von folgendem Code:

Code: Alles auswählen

<span class="corners-top"><span></span></span>

bzw. <span class="corners-bottom"><span></span></span>
und die passenden CSS-Regeln dazu.