Witam! Być może w Internecie na moje pytanie jest setki odpowiedzi, ale nie wiem, jak się zapytać… Może wyjaśnię o co mi chodzi.
Chodzi m.in. o obraz w tym stylu:
Na stronach Google są wyświetlane tylko fragmenty tej grafiki. Jak można uzyskać ten efekt na swojej stronie? Kod źródłowy nie wiele daje. Czyli w skrócie chce wykorzystać jeden obraz, do różnych elementów; wyświetlić tylko logo, strzałkę itd. bez wyświetlania całości obrazu.
Pociąć?
Ma być cały, tak jak wyżej załączony, tylko na stronie w częściach ma być pokazywany.
Ustawiasz odpowiednią szerokość, wysokość dla konkretnego elementu.
Dajesz mu background: url(obrazek.gif); i odpowiednią pozycję np background-position: 0 0;
dla innego inna szerokość, wysokość, background: url(obrazek.gif); i pozycję odpowiadającą grafice, która ma się wyświetlać (musisz pokombinować), np. background-position: -114px -60px;
kombinuję i kombinuję, ale nawet nie chce się wyświetlić, poda ktoś kod?
Dzięki wielkie! Najszybciej uczę się na przykładach! Tego właśnie szukałem, athei.
Alternatywne rozwiązanie to jak już ktoś wspomniał pocięcie grafiki np, w gimpie, a następnie zmiana tła w css.