Headerfarbe ändern

[DearAngel]

Hallo ihr,

bin relativ am Anfang bei der Erstellung meines Forums und hab direkt ein Problem mit der Änderung der Hintergrundfarbe meines Headers.
So sieht das gerade aus: http://jillandkateforum.bplaced.net/index.php
Ich hab es immerhin schon geschafft, dass ein Teil davon schwarz wird. Allerdings verzweifle ich gerade daran, den oberen Teil auch schwarz hinzubekommen, denn ich finde das nirgendwo.
Ich nutze übrigens prosilver Style.

Eine andere Alternative wäre für mich, dass ich einen kompletten Header neugestalte und das Bild dann hochlade. Da würde ich gerne, dass der ganze Header verschwindet und nur mein Bild dann als Header angezeigt wird (daneben drauf dann die Suchleiste). Wie würde das gehen?

[Crizzo]

Hi,

das ist diese Angabe:

Code: Alles auswählen

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

Dort hast du zwar die Farbe schon geändert, aber da ein Hintergrundbild in der Ebene vor der Hintergrundfarbe angeordnet wird und du das eben nicht geändert hast und das eben blau ist...

Joah, also ändere das Bild oder wirf die Eigenschaft raus.

Grüße

PS: Schau mal hier: KB:html_css_finden

[DearAngel]

Hm ok, danke!
Hab jetzt alles nochmal neu gemacht, weil das irgendwie alles nicht so funktioniert hat. :/
Hab dann die Grafik ersetzt durch meine, allerdings erscheint jetzt der Header abgeschnitten. Muss ich jetzt die Größe irgendwo anpassen?

[AYYILDIZLAR]

Hallo,

Das sollte dir weiter helfen KB:193

Grüße

[DearAngel]

Hm, funktioniert irgendwie nicht?! Hab das Bild in den entsprechenden Ordner eingefügt und die Datei dann geändert.
Was übersehe ich?

[AYYILDIZLAR]

Nach deiner Änderung hast du das hier auch gemacht?
KB:169

[DearAngel]

Ja, habe ich.

[Lehrling]

Hallo,

das eine ist die headerbar (dort ist momentan dein Bild zu sehen) und der blaue Balken darunter ist die navbar.
Damit dein Bild in voller Größe gezeigt wird, müsstest du die Maße der headerbar anpassen, und zwar in der common.css.

.headerbar {
background-color: #12A3EB;
background-image: url("styles/header.jpg");
color: #FFFFFF;
height: 350px;
}

LG Beate

[DearAngel]

Aaaah vielen Dank, das hat funktioniert!

[DearAngel]

Noch eine kurze Frage dazu:
Da ich jetzt nur ein reines neues Bild eingefügt habe, kann man dieses nicht anklicken um so auf die Forenübersicht zu kommen. Muss ich dazu den Link zur Übersicht noch hinzufügen?
Hatte das so versucht:

Code: Alles auswählen

<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}<img src="styles/prosilver2/imageset/headernew.jpg" width="100%"></a>
				

Aber damit wird der Header somit doppelt angezeigt.