http://www.seohocasi.com sitesinde 3 farklı alana css sprite tekniği uygulatılacaktır.
1. si sağ kısımda yer alan, 6 tane araç resmidir.
2. yazıların altında yer alan, kategori, yorum, okunma vs. sayıları gösteren ikonlardır.
3. sağ kısımdaki takip seçenekleridir.
fiyat tekliflerinizi bekliyorum.
Temaya ücretli css sprite tekniği uygulatılacaktır. Bu tekniği bilenleri bekliyorum.
10
●1.021
- 19-06-2010, 19:54:39
Üyeliği durduruldutaraflara hayırlı olsun.
işlemi öğrenmek isteyenler, "css sprites generator" diye aratıp, çıkan siteleri kullanabilirler. son resim dosyası ve css'e eklenecek kodlar otomatik veriliyor. - 19-06-2010, 23:05:36evet onları denedim ama pekçok keaz hata çıktı. öyle birkaç site. elbette çoğu css sprite işinde faydalı olur. ama benimkinde faydalı olmamıştı. diğer kullanıcıları ücretsiz bu alana yönlendirdiğin için teşekkürler. yapamayan olursa, dmry ile iletişime geçebilirler.TylerDurden adlı üyeden alıntı: mesajı görüntüle
- 19-06-2010, 23:25:48bu bence kısıtlayıcı bir şey. Sayfanın yüklenmesinde ve hover efektlerinde güzel görünmesini sağlayabilir ancak yapacağınız değişiklik için tüm resmi değiştirmeniz gerekiyor. Hepsinin ayrı ayrı olması bence daha kontrol edilebilir kılıyor...
Bu konuda derinlemesine çok bilgim yok ancak avantajlarını yazabilir mi bilenler?
Çünkü mesela diyelim bir tema tasarladık. Tüm logolar menülerin resimleri vesaire tek bir dosyadan alınıyor. Oldu da değiştirmek istedik bir menünün resmini. Elimizde PSD yoksa yandık. Her şeyi baştan tasarla... - 19-06-2010, 23:44:40 Üyeliği durdurulduhoverlar için önemli zaten. diğerleri zaten normal hızla yüklenir. birleşik olmaları hızı artırmaz.
bir şeyi değiştirmek isterseniz de, birleşik resmin boyutunu artırıp, artırılan yere yeni resmi eklersiniz. - 20-06-2010, 01:09:40resimleri birleştirdiğinde sunucuna giden ping.ler düşer. Çünkü tarayıcı önce o dosyanın varlığını kontrol eder, varsa ardından yükler. her bir resim tekrar bu kontroller, sunucunu meşgul eder v.b. yüksek hitli sitelerde faydası bu yönlüdür. ayrıca birleştirilen tek resim, diğerlerinin toplam boyutundan azdır çoğunlukla.
Bu teknik ile resimler birleştirilir ve tek dosya yapılır. Birleştirme esnasında ana resmin PSD ya da PNG dosyasını saklarsanız, herhangi bir logo v.b. değişiminde aynı dosya üzerinden düzenleme yapmanız çok rahat olur
Yani tekrar resimleri tek tek birleştirmezsiniz.
- 20-06-2010, 01:50:19css sprite tekniğini çok güzel açıkladınız. sitenin hızlandırılması için mutlaka kullanılması gereken bir tekniktir. Yeni web teknolojilerinden olduğu için seo açısından ve hız açısından da faydası vardır.dmRy adlı üyeden alıntı: mesajı görüntüleresimleri birleştirdiğinde sunucuna giden ping.ler düşer. Çünkü tarayıcı önce o dosyanın varlığını kontrol eder, varsa ardından yükler. her bir resim tekrar bu kontroller, sunucunu meşgul eder v.b. yüksek hitli sitelerde faydası bu yönlüdür. ayrıca birleştirilen tek resim, diğerlerinin toplam boyutundan azdır çoğunlukla.
Bu teknik ile resimler birleştirilir ve tek dosya yapılır. Birleştirme esnasında ana resmin PSD ya da PNG dosyasını saklarsanız, herhangi bir logo v.b. değişiminde aynı dosya üzerinden düzenleme yapmanız çok rahat olur Yani tekrar resimleri tek tek birleştirmezsiniz.
http://www.seohocasi.com adresine girerek sitenin hızını kontrol edebilirsiniz. bu hızda bir site istiyorsanız elbette yapılacak çok şey var ama önemli kriterlerden biri de css sprite tekniğidir. - 20-06-2010, 03:04:21Biri yapmış sanırım, iconlar zaten sprite: http://www.seohocasi.com/wp-content/...post-icons.png
En alttaki xhtml iconlarını yaparsanız, zaten başka sprite olacak bir arayüz elemanı yok gibi.
Yani tekrar resimleri tek tek birleştirmezsiniz.
