Seite 2 von 3
Re: Kopfbereich ändern?
Verfasst: Fr 25. Jan 2013, 16:48
von 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
Re: Kopfbereich ändern?
Verfasst: Fr 25. Jan 2013, 16:55
von 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
Re: Kopfbereich ändern?
Verfasst: Fr 25. Jan 2013, 17:01
von hififreak
Hi Jasmin,
Vielen Dank; ich werde es mir auf meinen Rechner laden.
LG
Andreas
Re: Kopfbereich ändern?
Verfasst: Sa 26. Jan 2013, 12:44
von 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
Re: Kopfbereich ändern?
Verfasst: Sa 26. Jan 2013, 14:09
von 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.
Re: Kopfbereich ändern?
Verfasst: Sa 26. Jan 2013, 15:24
von 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
Re: Kopfbereich ändern?
Verfasst: Sa 26. Jan 2013, 15:40
von 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.
Re: Kopfbereich ändern?
Verfasst: Sa 26. Jan 2013, 16:04
von 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
Re: Kopfbereich ändern?
Verfasst: Sa 26. Jan 2013, 16:18
von 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
Re: Kopfbereich ändern?
Verfasst: Sa 26. Jan 2013, 16:28
von hififreak
Vielen herzlichen Dank!
LG
Andreas