CSS SPrite Desteği

Merhaba arkadaşlar film sitemde benden seo analizi yaptığımda bazı dosyaları css sprite ile sıkıştırınız diyor yardımcı olabilicek arkadaşlara şimdiden teşekkür ediyorum.
http://www.hdfilmevi.com/wp-content/...s/filmalt1.png
http://www.hdfilmevi.com/wp-content/.../filmalti2.png
http://www.hdfilmevi.com/wp-content/...s/filmizle.png
http://www.hdfilmevi.com/wp-content/...s/keremiya.png
http://www.hdfilmevi.com/wp-content/...nav-bullet.gif
http://www.hdfilmevi.com/wp-content/...ges/navbar.png
http://www.hdfilmevi.com/wp-content/...es/tam-nav.png

O linklerini verdiğiniz resimleri eğer no-repeat özelliğiyle kullanıyorsanız, tablolama mantığıyla tek bir resimde birleştirip istediğiniz yerde background-position kullanarak resmin istediğiniz kısmını gösteriyorsunuz. Detaylı bilgiyi Google'da arayarak bulabilirsiniz.

Merhaba hocam css sprite tekniği,imajları tek tek sorgulatıp çağırmak yerine genelde tek imajda birleştirip position değerleri ile çağırmaktır.

Örnek vermek gerekirse;

oyunskor,facebook bu yapıdadır internette inceleyip ayrıntılı öğrenebilirsiniz.

örnek kod

gibi...

Hocam benim sorum şu şimdi ben bunları css spreti ile birleştirdim bunları css dosyamın neresine koymam gerekiyor bana bu konuda destek lazım.

Sıfırdan css yazmanız gerekli hocam yani verdiğim örnek gibi tek imajdan position değeri ile çekeceksiniz.

Adobe Fireworks Cs6 sürümünde otomatik css sprite özelliği bulunmakta, bütün resimlerini fireworks ile birleştirip css sprite kodları otomatik alabilirsin. Fireworks Cs6 css spite olarak googleda ararsan bulursun

Resimleri birleştirdikten sonra css kodları için şöyle bir site var
http://www.spritecow.com/

Çok yeterli bir ders değil ancak zamanında çekmiştim İyidir, izleyin, deneyin yapın.
http://www.burakucuncu.com.tr/css-sp...igi-video.html