Header transparent

[dieweltist]

Dann versuche es doch mal damit, dass Du als Hintergrundfarbe genau die Farbe angibst, die der Hintergrund hat, nämlich weiß; was dann white oder #ffffff wäre. Und wie wäre es, wenn Du nur für die Hintergrundfarbe (background-color) transparent angibst?

[Nordey]

Der Hintergrund ist aber nicht nur weiß, mein Hinttergrund ist so ein Farbverlauf von Weiß -> nach Hellblau und dann von Dunkelgrün -> nach etwas hellerengrün...

Deshalb möchte ich ja den Header komplett weghaben...

LG Nordey

[dieweltist]

Und den müsstest Du wegkriegen, indem Du jetzt nur noch für background-color die Farbe 'transparent' angibst, ohne dass Du dies für color angibst. Denn background-color ist doch jetzt dieser übrig gebliebene Bestandteil des Headers.

Wenn es auch nichts hilft, eine solche Farbe für background-color anzugegen, die dieselbe vom Hintergrund ist, ändere in der styles/prosilver/template/overall_header.html dies:

<div class="headerbar">
=>
<div>

Oder Du suchst in der common.css nach .headerbar und versuchst da irgendwas abzuändern oder zu entfernen.

[JFooty]

Hab ich bereits gemacht, dann ist zwar die Farbe weg aber ein grauer Kasten ist nun zu sehen.

Hier haben wir wieder einmal ein typisches prosilver-Problem. Etliche Farben werden mehrfach definiert.
In der colours.css wird das ganze mit dem bekannten prosilver-Blau versehen.
Entfernt man diesen Farbwert erscheint der div-Container in einem Grauton.
Diese Farbe wird in der common.css festgelegt:

Code: Alles auswählen

.headerbar {
	background: #ebebeb none repeat-x 0 0;
	color: #FFFFFF;
	margin-bottom: 4px;
	padding: 0 5px;
}

Für alle, die nur den div class="headerbar" umfärben wollen, heißt das: Farbwert in der colours.css ändern.
Wer den div-Container aber ohne eigenen Hintergrund haben möchte, muss also in der colours.css und der common.css Änderungen vornehmen.

[Nordey]

Hallo JFooty,

folgendes habe ich gemacht. Das obere mit dem unteren ersetzt. (in der Colours.css datei)

Code: Alles auswählen

.headerbar {
	background-color: #12A3EB;
	background-image: url("{T_THEME_PATH}/images/bg_header.gif");
	color: #FFFFFF;
}

=>

Code: Alles auswählen

.headerbar {
	background-color: #26ADEE;
	color: #FFFFFF;
}

und das in der common.css datei gesucht.

Code: Alles auswählen

.headerbar {
	background: #ebebeb none repeat-x 0 0;
	color: #FFFFFF;
	margin-bottom: 4px;
	padding: 0 5px;
}

und für das ersetzt:

Code: Alles auswählen

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

Natürlich habe ich den Cache, Cookies ect. vom Browser gelöscht und das Template etc. aktualliesiert.
Hilft nichts es will einfach nicht klappen... Schade
Woran liegt es?

Danke für eure Hilfe

Liebe grüße Nordey

Edit:

Und den müsstest Du wegkriegen, indem Du jetzt nur noch für background-color die Farbe 'transparent' angibst, ohne dass Du dies für color angibst. Denn background-color ist doch jetzt dieser übrig gebliebene Bestandteil des Headers.

Wenn es auch nichts hilft, eine solche Farbe für background-color anzugegen, die dieselbe vom Hintergrund ist, ändere in der styles/prosilver/template/overall_header.html dies:

<div class="headerbar">
=>
<div>

Oder Du suchst in der common.css nach .headerbar und versuchst da irgendwas abzuändern oder zu entfernen.

Hey, das mit der overall_header.html hat jetzt doch geklappt
Nur leider sind nun oben in den beiden ecken zwei weiße abgerundete Punkte, wie bekomme ich die nun noch weg?

Dankkke

[JFooty]

Nur leider sind nun oben in den beiden ecken zwei weiße abgerundete Punkte, wie bekomme ich die nun noch weg?

Das dürften wohl die Grafiken für die angerundeten Ecken sein, die du da siehst.
Finde in der colours.css:

Code: Alles auswählen

span.corners-top {
	background-image: url("{T_THEME_PATH}/images/corners_left.png");
}

span.corners-top span {
	background-image: url("{T_THEME_PATH}/images/corners_right.png");
}

span.corners-bottom {
	background-image: url("{T_THEME_PATH}/images/corners_left.png");
}

span.corners-bottom span {
	background-image: url("{T_THEME_PATH}/images/corners_right.png");
}

und kommentiere diesen Teil aus.
Du könntest aber auch die Bilder umfärben, so dass sie zu deinem Hintergrund passen.