[braniff]

Hallo,

ich hab da durch Zufall eine Webseite im Internet gefunden ( http://www.bird-mala...om/gallery.html ) bei der ich mich frage, wie hat der Programmierer den Kopf des Vogels auf das Bild darunter aufgesetzt?
Und wie ist das gemacht, dass die Hintergrundfarbe hinter dem Kopf heller erscheint als der Rest?

Wäre nett, wenn mir das jemand erklären könnte.

Danke

[Holger_N]

Er hat einfach nur einen Vogel genommen, der größer ist als das Bild und leuchtet.

Nee Quatsch, es sind einfach nur mehrere Bilder. Das in dem eigentlichen Banner mit diesem weißen Rand ist ein Bild und der Teil mit dem Kopf außerhalb des Banners ist ein weiteres Bild und der Teil mit den Federn, die unten rausgucken, gehören zu noch einem anderen Bild. Der Rest ist nur Bildbearbeitung und der Programmierer mu nur zusehen, dass die Bilder genau an der richtigen Stelle auf der Seite angezeigt werden, damit die zusammenpassen. Das ist rein technisch gesehen ein ganz einfaches Ding, was aber eben optisch schön aussieht.

[sкavєи]

Tip: Falls du den Firefox als Browser nutzt, kannst du dir die "Web Developer Toolbar" instalieren, damit lässt sich der Aufbau einer Webseite recht einfach visuell darstellen, indem einfach ein roter Rahmen um jedes Element gezeichnet wird.

[braniff]

Zitat (sкavєи: 09. Februar 2013 - 18:06)

Tip: Falls du den Firefox als Browser nutzt, kannst du dir die "Web Developer Toolbar" instalieren, damit lässt sich der Aufbau einer Webseite recht einfach visuell darstellen, indem einfach ein roter Rahmen um jedes Element gezeichnet wird.

merci für den Tip. Mit der Web Developer Toolbar hab ich rausgefunden, dass z.B. der Kopf über CSS als Hintergrundsbild eingeblendet wird.
Die Frage die ich mir jetzt stelle: was ist der Vorteil, die obere Hälfte des Bildes als Hintergrundsbild einzustellen und die untere Hälfte als normales Bild im Body?

[Holger_N]

Zitat (braniff: 10. Februar 2013 - 03:06)

merci für den Tip. Mit der Web Developer Toolbar hab ich rausgefunden, dass z.B. der Kopf über CSS als Hintergrundsbild eingeblendet wird.
Die Frage die ich mir jetzt stelle: was ist der Vorteil, die obere Hälfte des Bildes als Hintergrundsbild einzustellen und die untere Hälfte als normales Bild im Body?

Wenn nur das Bild angezeigt werden soll, dann kann man das Bild ganz normal als Bild einbauen. Wenn da aber noch Text mit rein soll in den Bereich, wie diese Zeile hier

sitemap|contact us Sign Up TO OUR MAILING LIST>>

Dann kann man das Bild als Hintergrund in ein Div einbauen und Text reinschreiben, ohne dass sich die Elemente behindern.

Dieser Beitrag wurde von Holger_N bearbeitet: 10. Februar 2013 - 10:57