ipucu CSS Sprite ile hızlanın

Konuyu değerlendir: Geçerli Reyting :

Görüntüleme : 4650

Yorumlar : 6

Bilgilendirme : Bu konuya son mesaj 1008 gün önce yazıldı . Eğer yazınız doğrudan bu konu ile ilgili değil ise yeni bir konu başlatmanızı tavsiye ederiz.
  1. offline
    sedat27 - ait Kullanıcı Resmi (Avatar)

    Lightbulb CSS Sprite ile hızlanın

    CSS sprite nedir?

    CSS lerde kullanılan küçük resimlerin tek bir resimde toplanarak position ayarlaması ile kullanılmasıdır.

    Böylece tek bir resim yüklenmiş oluyor tüm sayfa için.

    Detaylı bilgiyi nette bulursunuz.

    şimdi nasıl yapılacağını ve kolay yolunu anlatayım.

    SpriteMe

    bu adrese girin drag this link yazan linki tarayıcının kısayoluna sürükleyip bırakın.
    sonra sitenize gelin ve bu linke tıklayın.açılan pencerede make sprite tıklayın.

    daha sonra export sprite linkine tıklayın. açılan pencerede sprite resmin linkini ve değiştirilmesi gereken kodları göreceksiniz.

    biraz uğraş ister ama tüm testlerde ilk tavsiyelerdendir.

    saygılar
    davut_c20, eTiKeT™, LaDezs, Weyso Bunu beğendi.
  2. #1
    CSS sprite nedir?

    CSS lerde kullanılan küçük resimlerin tek bir resimde toplanarak position ayarlaması ile kullanılmasıdır.

    Böylece tek bir resim yüklenmiş oluyor tüm sayfa için.

    Detaylı bilgiyi nette bulursunuz.

    şimdi nasıl yapılacağını ve kolay yolunu anlatayım.

    SpriteMe

    bu adrese girin drag this link yazan linki tarayıcının kısayoluna sürükleyip bırakın.
    sonra sitenize gelin ve bu linke tıklayın.açılan pencerede make sprite tıklayın.

    daha sonra export sprite linkine tıklayın. açılan pencerede sprite resmin linkini ve değiştirilmesi gereken kodları göreceksiniz.

    biraz uğraş ister ama tüm testlerde ilk tavsiyelerdendir.

    saygılar
    davut_c20, eTiKeT™, LaDezs, Weyso Bunu beğendi.

  3. offline
    byfors - ait Kullanıcı Resmi (Avatar)

    Cevap: CSS Sprite ile hızlanın

       sedat27 Nickli Üyeden Alıntı
    CSS sprite nedir?

    CSS lerde kullanılan küçük resimlerin tek bir resimde toplanarak position ayarlaması ile kullanılmasıdır.

    Böylece tek bir resim yüklenmiş oluyor tüm sayfa için.

    Detaylı bilgiyi nette bulursunuz.

    şimdi nasıl yapılacağını ve kolay yolunu anlatayım.

    SpriteMe

    bu adrese girin drag this link yazan linki tarayıcının kısayoluna sürükleyip bırakın.
    sonra sitenize gelin ve bu linke tıklayın.açılan pencerede make sprite tıklayın.

    daha sonra export sprite linkine tıklayın. açılan pencerede sprite resmin linkini ve değiştirilmesi gereken kodları göreceksiniz.

    biraz uğraş ister ama tüm testlerde ilk tavsiyelerdendir.

    saygılar
    sedat hocam merhaba hocam bu hızlandırmayı yapmayı çok istiyorum daha öncede çok araştırmıştım detaylı bir bilgiye ulaşamamıştım hocam şu alttaki alıntı yaptıgım kısmı anlamadım

       Alıntı
    bu adrese girin drag this link yazan linki tarayıcının kısayoluna sürükleyip bırakın.
    sonra sitenize gelin ve bu linke tıklayın.açılan pencerede make sprite tıklayın.
    bu dediginizi tam olarak anlamadım yardımcı olursanız minnettar olurum hocam..
  4. #2
       sedat27 Nickli Üyeden Alıntı
    CSS sprite nedir?

    CSS lerde kullanılan küçük resimlerin tek bir resimde toplanarak position ayarlaması ile kullanılmasıdır.

    Böylece tek bir resim yüklenmiş oluyor tüm sayfa için.

    Detaylı bilgiyi nette bulursunuz.

    şimdi nasıl yapılacağını ve kolay yolunu anlatayım.

    SpriteMe

    bu adrese girin drag this link yazan linki tarayıcının kısayoluna sürükleyip bırakın.
    sonra sitenize gelin ve bu linke tıklayın.açılan pencerede make sprite tıklayın.

    daha sonra export sprite linkine tıklayın. açılan pencerede sprite resmin linkini ve değiştirilmesi gereken kodları göreceksiniz.

    biraz uğraş ister ama tüm testlerde ilk tavsiyelerdendir.

    saygılar
    sedat hocam merhaba hocam bu hızlandırmayı yapmayı çok istiyorum daha öncede çok araştırmıştım detaylı bir bilgiye ulaşamamıştım hocam şu alttaki alıntı yaptıgım kısmı anlamadım

       Alıntı
    bu adrese girin drag this link yazan linki tarayıcının kısayoluna sürükleyip bırakın.
    sonra sitenize gelin ve bu linke tıklayın.açılan pencerede make sprite tıklayın.
    bu dediginizi tam olarak anlamadım yardımcı olursanız minnettar olurum hocam..

  5. offline
    sedat27 - ait Kullanıcı Resmi (Avatar)

    Cevap: CSS Sprite ile hızlanın

    drag this link yazan yeri tut ve tarayıcında yer imlerine ekle.adres satırının hemen altında.
    sitene gel ve bu kısayola tıkla.geri yukarıdaki gibi

       byfors Nickli Üyeden Alıntı
    sedat hocam merhaba hocam bu hızlandırmayı yapmayı çok istiyorum daha öncede çok araştırmıştım detaylı bir bilgiye ulaşamamıştım hocam şu alttaki alıntı yaptıgım kısmı anlamadım



    bu dediginizi tam olarak anlamadım yardımcı olursanız minnettar olurum hocam..
    eTiKeT™ Bunu beğendi.
  6. #3
    drag this link yazan yeri tut ve tarayıcında yer imlerine ekle.adres satırının hemen altında.
    sitene gel ve bu kısayola tıkla.geri yukarıdaki gibi

       byfors Nickli Üyeden Alıntı
    sedat hocam merhaba hocam bu hızlandırmayı yapmayı çok istiyorum daha öncede çok araştırmıştım detaylı bir bilgiye ulaşamamıştım hocam şu alttaki alıntı yaptıgım kısmı anlamadım



    bu dediginizi tam olarak anlamadım yardımcı olursanız minnettar olurum hocam..
    eTiKeT™ Bunu beğendi.

  7. offline
    byfors - ait Kullanıcı Resmi (Avatar)

    Cevap: CSS Sprite ile hızlanın

       sedat27 Nickli Üyeden Alıntı
    CSS sprite nedir?

    CSS lerde kullanılan küçük resimlerin tek bir resimde toplanarak position ayarlaması ile kullanılmasıdır.

    Böylece tek bir resim yüklenmiş oluyor tüm sayfa için.

    Detaylı bilgiyi nette bulursunuz.

    şimdi nasıl yapılacağını ve kolay yolunu anlatayım.

    SpriteMe

    bu adrese girin drag this link yazan linki tarayıcının kısayoluna sürükleyip bırakın.
    sonra sitenize gelin ve bu linke tıklayın.açılan pencerede make sprite tıklayın.

    daha sonra export sprite linkine tıklayın. açılan pencerede sprite resmin linkini ve değiştirilmesi gereken kodları göreceksiniz.

    biraz uğraş ister ama tüm testlerde ilk tavsiyelerdendir.

    saygılar
    @sedat27 hocam kısayol olarak ekledim siteye girdim tıkladım panel açıldı lakin (make sprite) gibi bir yazı veya buton yok diger mevcut şeyleri tıkladım onlarda hiçbir işlem yapmıyor ?
  8. #4
       sedat27 Nickli Üyeden Alıntı
    CSS sprite nedir?

    CSS lerde kullanılan küçük resimlerin tek bir resimde toplanarak position ayarlaması ile kullanılmasıdır.

    Böylece tek bir resim yüklenmiş oluyor tüm sayfa için.

    Detaylı bilgiyi nette bulursunuz.

    şimdi nasıl yapılacağını ve kolay yolunu anlatayım.

    SpriteMe

    bu adrese girin drag this link yazan linki tarayıcının kısayoluna sürükleyip bırakın.
    sonra sitenize gelin ve bu linke tıklayın.açılan pencerede make sprite tıklayın.

    daha sonra export sprite linkine tıklayın. açılan pencerede sprite resmin linkini ve değiştirilmesi gereken kodları göreceksiniz.

    biraz uğraş ister ama tüm testlerde ilk tavsiyelerdendir.

    saygılar
    @sedat27 hocam kısayol olarak ekledim siteye girdim tıkladım panel açıldı lakin (make sprite) gibi bir yazı veya buton yok diger mevcut şeyleri tıkladım onlarda hiçbir işlem yapmıyor ?

  9. offline
    sedat27 - ait Kullanıcı Resmi (Avatar)

    Cevap: CSS Sprite ile hızlanın

    boyle bişey açılması lazım
    Eklenen Resimlerin Önizlemeleri Eklenen Resimlerin Önizlemeleri 111.png  
  10. #5
    boyle bişey açılması lazım
    Eklenen Resimlerin Önizlemeleri Eklenen Resimlerin Önizlemeleri 111.png  

  11. offline
    byfors - ait Kullanıcı Resmi (Avatar)

    Cevap: CSS Sprite ile hızlanın

    @sedat27 hocam yine rahatsız ediyorum özür dilerim kaçgündür uraşıyorum birtürlü yapamadım sinir oldum artık üst resimdeki alan açılıyor hocam evet orda orası açıldıgında make sprite yi tıklıyorum başka ne yapmam gerekiyor ondan sonra export css yi tıklıyorum kodları vermiyor tabiri caizse deli olucam artık cokta istiyorum yapmak kodları verince kodlar nereye ekleniyor hocam hepsini bir resim haline getiriyor sanırım o topladıgı resimlerin kalanlarını siliyormuyuz ?
    Konu byfors tarafından (12.Mart.2015 Saat 08:40 ) değiştirilmiştir.
  12. #6
    @sedat27 hocam yine rahatsız ediyorum özür dilerim kaçgündür uraşıyorum birtürlü yapamadım sinir oldum artık üst resimdeki alan açılıyor hocam evet orda orası açıldıgında make sprite yi tıklıyorum başka ne yapmam gerekiyor ondan sonra export css yi tıklıyorum kodları vermiyor tabiri caizse deli olucam artık cokta istiyorum yapmak kodları verince kodlar nereye ekleniyor hocam hepsini bir resim haline getiriyor sanırım o topladıgı resimlerin kalanlarını siliyormuyuz ?

  13. offline
    sedat27 - ait Kullanıcı Resmi (Avatar)

    Cevap: CSS Sprite ile hızlanın

    çıkan css kodlarını tek tek eklemek gerekiyor.
    kodlarla oynamak risklidir bu konuda. pek burdan anlatılacak gibide değil.
    bu nedenle bilen birine yaptırın.veya orjinali kalsın.
    bu modifikasyonlar ufak hız farkı yaratır.ileri düzeydir.

       byfors Nickli Üyeden Alıntı
    @sedat27 hocam yine rahatsız ediyorum özür dilerim kaçgündür uraşıyorum birtürlü yapamadım sinir oldum artık üst resimdeki alan açılıyor hocam evet orda orası açıldıgında make sprite yi tıklıyorum başka ne yapmam gerekiyor ondan sonra export css yi tıklıyorum kodları vermiyor tabiri caizse deli olucam artık cokta istiyorum yapmak kodları verince kodlar nereye ekleniyor hocam hepsini bir resim haline getiriyor sanırım o topladıgı resimlerin kalanlarını siliyormuyuz ?
  14. #7
    çıkan css kodlarını tek tek eklemek gerekiyor.
    kodlarla oynamak risklidir bu konuda. pek burdan anlatılacak gibide değil.
    bu nedenle bilen birine yaptırın.veya orjinali kalsın.
    bu modifikasyonlar ufak hız farkı yaratır.ileri düzeydir.

       byfors Nickli Üyeden Alıntı
    @sedat27 hocam yine rahatsız ediyorum özür dilerim kaçgündür uraşıyorum birtürlü yapamadım sinir oldum artık üst resimdeki alan açılıyor hocam evet orda orası açıldıgında make sprite yi tıklıyorum başka ne yapmam gerekiyor ondan sonra export css yi tıklıyorum kodları vermiyor tabiri caizse deli olucam artık cokta istiyorum yapmak kodları verince kodlar nereye ekleniyor hocam hepsini bir resim haline getiriyor sanırım o topladıgı resimlerin kalanlarını siliyormuyuz ?

Benzer Konular
  1. Paralel Donwload ile hızlanın
    Konu Sahibi sedat27 Forum Webmaster yardımcı kaynaklar
    Cevap: 1
    Son Mesaj : 17.Ocak.2013, 19:23