[CSS] jeden plik z obrazkami dla calej strony? Opcje

[sakul55]

witam,
kiedys gdzies czytalem, ze powinno sie do strony zalaczac tylko jeden obrazek, a potem z niego wycinac za pomoca CSS potrzebne elementy. gdzie mozna o tym poczytac, bo nawet nie wiem co wpisac w google (IMG:style_emoticons/default/tongue.gif) prosilbym o linki do jakichs tutoriali

pozdrawiam (IMG:style_emoticons/default/smile.gif)

[spayk]

Prosze

http://www.google.pl/search?hl=pl&sour...q=&gs_rfai=

[-krzotr-]

To się nazywa CSS Sprites

[sakul55]

dzieki, jutro sobie poczytam (IMG:style_emoticons/default/smile.gif) jakby ktos mial fajny tutorial z przykladami to prosze o wrzucenie w temat:)

[webfreak]

operujesz głównie background-position ale zeby zaoszczedzic kodu oto pomoc

[HTML] pobierz, plaintext 
 
.klasa
{
background:url(sciezka/do/sprite.png) 12px 13px; /* 12 px to bodajze z gory albo z lewej a 13 to z gory albo od lewej nie pamietam dokladnie (IMG:style_emoticons/default/tongue.gif)  */
}
 
 
[HTML] pobierz, plaintext 

Głównie chodzi o to że wszystkie obrazki które chcesz użyć na stronie wklejasz do jednego obrazu png czy tam jpg i tylko pozycjonujesz ten obrazek w wybranym divie


przykład masz na hybrid-host.co.uk dla przycisku " LOGIN "