Kopfbereich ändern?

[hififreak]

Hallo Jasmin,
ich habe da noch mal eine Frage zu dem Bild;
mit welchem Programm hast Du auf der rechten Seite des Bildes diese leichten schwarzen Farbverlauf gestaltet?

LG
Andreas

[Jasko]

Das habe ich mit dem kostenlosen Program Paint.Net gemacht, ich finde es ist sehr gut geeignet für kleinere Sachen und man kommt schnell damit zurecht.

MFG

[hififreak]

Hi Jasmin,
Vielen Dank; ich werde es mir auf meinen Rechner laden.
LG
Andreas

[hififreak]

Hallo Jasmin,
wie müsste der Code aussehen, wenn ich links und rechts ein kleines Bild im Header haben möchte?
Kannst Du mir da bitte noch mal helfen?

LG
Andreas

[Jasko]

Der Code würde dan so aussehen.

Code: Alles auswählen

<style>
  #header {
     background-image:url(http://file1.npage.de/011304/76/bilder/header1.jpg), url(http://file1.npage.de/011304/76/bilder/header2.jpg) !important;
  background-position: top left, top right;
  }
</style>

Ich habe es auf meiner Seite als beispiel wieder gemacht: http://invitro.de.to/

Aber das funktioniert nur mit CSS3, also mit neueren Browsern, ältere werden damit nicht zurecht kommen.

[hififreak]

Hallo Jasmin,
Schon einmal danke für den Code.
Ich dachte aber an ein anderes Bild auf der rechten Seite; also nicht das gleiche Bild auf beiden Seiten.
Kann ich auch die Farbe im Header ändern; z.B. von schwarz in grau?

LG
Andreas

[Jasko]

Also der Code ist wichtig, ich habe nur das gleiche Bild genomen zu Demo-Zweck, natürlich kannst du die URL für das zweite Bild anpassen, also du stellst die URL des Bildes rein das rechts stehen soll, es muss nicht das selbe Bild sein.

Zweitens, ja man kann die Hintergrundfarbe auch anpassen, man muss dazu ein weiteres Atributt in den Code einsetzen.
background-color: grey;

Besser ist es anstatt dem englischen Namen für die Farbe den Hex Code für die Farbe zu nutzen, den Hex Code kannst du H I E R herausfinden.

[hififreak]

Hi Jasmin,
den Code habe ich eingebaut; auch mit 2 verschiedenen Bildern; das klappte ganz gut.
Aber an welcher Stelle im Code muss denn das weiteres Atributt background-color: grey; eingesetzt werden?
Den Farbcode den ich gerne hätte wäre #333333

LG
Andreas

[Jasko]

Am bessten ist es wenn man es so macht.

Code: Alles auswählen

<style>
  #header {
     background-color: #414040 !important;
     background-image: url(http://file1.npage.de/011304/76/bilder/header1.jpg), 
                                  url(http://file1.npage.de/011304/76/bilder/header2.jpg) !important;
     background-position: top left, 
                                     top right;
  }
</style>

Natürlich kannst du deinen Hex-Code verwenden, um die Hintergrundfarbe zu bekommen die du magst.
MFG

[hififreak]

Vielen herzlichen Dank!

LG
Andreas