Seite 1 von 3
Headerfarbe ändern
Verfasst: 19.11.2013 21:55
von 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?
Re: Headerfarbe ändern
Verfasst: 19.11.2013 21:57
von 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
Re: Headerfarbe ändern
Verfasst: 19.11.2013 23:27
von 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?
Re: Headerfarbe ändern
Verfasst: 20.11.2013 00:25
von AYYILDIZLAR
Hallo,
Das sollte dir weiter helfen KB:193
Grüße
Re: Headerfarbe ändern
Verfasst: 20.11.2013 00:49
von DearAngel
Hm, funktioniert irgendwie nicht?! Hab das Bild in den entsprechenden Ordner eingefügt und die Datei dann geändert.
Was übersehe ich?
Re: Headerfarbe ändern
Verfasst: 20.11.2013 01:04
von AYYILDIZLAR
Nach deiner Änderung hast du das hier auch gemacht?
KB:169
Re: Headerfarbe ändern
Verfasst: 20.11.2013 10:00
von DearAngel
Ja, habe ich.
Re: Headerfarbe ändern
Verfasst: 20.11.2013 12:43
von 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
Re: Headerfarbe ändern
Verfasst: 20.11.2013 12:49
von DearAngel
Aaaah vielen Dank, das hat funktioniert!

Re: Headerfarbe ändern
Verfasst: 20.11.2013 14:01
von 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.