Css Kullanarak İmajlarınıza Yükleniyor Resmini Ekleyin!

Css Kullanarak İmajlarınıza Yükleniyor Resmini Ekleyin! Arkadaşlar ilk defa css ile ilgili bir makale yazacağım bu makalemi ders niteliğinde yazacağım css ile ilgili arkadaşlarımız varsa bu konu onların işlerine yarayabilir. Tabi web tasarım ve programlamada okuyorsak bu konuyu bilmemiz gerekir yapmamız gerekenleri anlatayım. Konu başlığındada belirttiğim benzeri siteniz yüklenirken imajlarınızda güzel  bir biçimde yüklensin diye css de basit bir kod yapısı hazırladım. Kod yapısnın mantığı gerçekte imajların arkaplanında basit bir yükleniyor resmi eklemek naturel şekilde imajlarınız açılıncaya kadar yükleniyor resmini görüceksiniz imajlarınız açılıncada yükleniyor resmi arkaplanda gözükmeyecek. Sitemdede kullandığım kod yapısı epey bir basit ve kullanışlı.. bu arada loader yani yükleniyor imajlarınıda ajaxload.info sitesinden temin edebilir kendi sitenize uygun loaderlar oluşturabilirsiniz. ufak birde ipucu veriyim loader imajı ne kadar küçük olursa okadar hoş olur nedeni transparan resim eklediğinizde loaderin görünme ihtimali var. İşte Css Kullanarak İmajlarınıza Yükleniyor Resminin Kodu img { background-image: url(yukleniyor.gif); background-repeat: no-repeat; background-position: center center; }


Yapılan Yorumlar
Erdem OFLAZ

Bir mum, diğer mumu tutuşturmakla ışığından bir şey kaybetmez.
 Kategoriler
 Popüler yazılar