css sprite integrieren

Warum die Sprites mit so ein dummen Web2null generator erstellen? Das geht glaube besser wenn man das selbst macht!
Wie stellste dir das den genau vor mit den Sprites? Ist das nur für Runde Ecken und Hover etc. gedacht oder willste gleich deine ganzen Website Grafiken als Sprite?

Wenn du nur paar Runde Ecken oder Menubuttons als Sprite machen willst ist das total easy einfach die bilder untereinander oder nebeneinander in eine Grafik rein und dann den kram wie schon in den Beispiel CSS beschrieben via background-position ausrichten.

Sprite-Code *kicher* gibts garnet das is alles CSS, wenn betrifft das nur die Grafik also der Image-Sprite.

Falls du doch die ganzen Grafiken der Webseite in eine Grafik hauen willst dann vorsicht .. Vergiss nicht einige Webkits und der Opera bzw. ältere IE haben bissel Probleme damit!

Beste wäre allerdings bevor man sich mit solchen Sachen befasst das man sich auch mit CSS richtig auskennt!

--
www.berylune.de - Freiberuflicher Webdesigner
berylizer.berylune.de - Berylizer - Drupal Admintheme Projectpage

hi stoik, danke für die antwort.
der spritecode ist für mich einfach die css zeilen, die ihn darstellen. bisschen wortklauberisch?
meine frage ist im wesentlichen, wie ich es mi css mache, dass ich ein bild referiere und dann auf dieses bild zurückgreife.
gebe ich dafür einfach als background-image die url von dem bild ein und dann an den stellen, an denen bisher auf die einzelnen bilder refriert wurde background-position?
ich möchte die standart themebilder zusammenfassen, da sie die ladezeit der seite durch die vielen rückfragen ziehmlich bremsen.
mit css kenne ich mich sicher nicht "richtig" aus, aber schon ein bisserl.
gruß
stefan

ja richtig, du musst dann das bild via background-image: laden und dann via background-position: die Position des jeweiligen Bildauschnittes anpassen welcher sich dann auf den Image Sprite befindet.

Gibt auch eine Kurzfassung als bsp:

background: red url(images/bg.gif) 0 10px fixed repeat-y;}

Da ich nicht weis wie dein Layout ausschaut was du mit Sprites umsetzen willst, lässt sich schwer sagen ob sich das überhaupt Lohnt als CSS Sprite das Umzusetzen.

Grüße

Eine tolle Anleitung gibts hier:
http://mustardseedmedia.com/podcast/episode6

Das sollte das generelle Konzept und die Umsetzung erklären.

ja, klasse gemacht. ich wer versuchen, so die images des themes mal zusammenzupacken.
danke.
gruß
stefan