Online CSS Sprite tekniği ile sitelerinizi daha hızlı bir hale getirmek çok kolay, bu tekniği bilmeyen arkadaşlar için online olarak sizlere CSS Sprite tekniğini uygulamanıza olanak sağlayan bir sistemden bahsedeceğiz, Bu teknik sayesinde resimleriniz parça parça olarak değilde tek bir bütün halinde çekileceği için sitenizin açılış hızıda artacaktır.Aşağıdaki bölümde CSS Sprite Generatör ile nasıl resimleri birleştireceğinizi kısa bir şekilde anlatmaya çalıştım umarım faydası olur.

Online CSS Sprite

Öncelikle birleştirmek istediğiniz resimleri masa üstünüzde bir klasör oluşturarak içerisine atınız, daha sonra buraya tıklayarak web sitemize giriş yapınız.Açılan sayfayı temizlemek için clear butonuna tıklayarak demo olarak eklenmiş nesneleri temizleyiniz.

Online CSS Sprite

Resimlerinizi ekledikten sonra downloads butonuna tıklayarak, hazırlanan css kodlarını ve birleştirilmiş olan resmi indirip sunucunuza yükleyiniz, CSS kodlarını sitenizin style.css bölümüne yükledikten sonra resmi’de temanın images klasörünün içerisine yükleyiniz.Bu işlemlerin ardından geriye sadece css kodları ile resimleri çekmek kaldı bunun içinde, downloans sekmesinde yer alan html kısmındaki size verilen kodları kullanmanız gerekmektedir.

Online CSS Sprite

En kısa süre içerisin’de bu sistemin nasıl yapıldığına dair bir video hazırlayıp sizlerle paylaşacağım, Video hazırlanana kadar sizler siteyi inceleyip araştırabilirsiniz emin olunki yapması çok basit bu nedenle zorlanmadan yapabileceğinize eminim.Şimdiden herkese kolay gelsin en kısa süre içerisinde görüşmek üzere.

Online CSS Sprite
4.3 (86.67%) 3 oy

Etiketler:,,, 90 views Okunma 04 Mar 2017

Yazar Hakkında

Anonim {SohbetGen}sohbetingezegeni@gmail.com

1979 Malatya Doğumlu, Web tasarım, Arama motoru optimizasyonu ( SEO ), Logo ve Grafik tasarım alanlarında uzman, 2010 yılı itibariyle Antalya/Kemer ilçesinde ikamet etmekte.

Bunlarada Göz Atabilirsiniz

Benzer Yazılar

Yorumlar


Sen de Yorumla!

Spam Kontrol - Aşağıdaki Sorunun Cevabını Boş Alana Giriniz ! *