Responsive Reklam Alanı

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 gibi siteniz yüklenirken imajlarınızda güzel  bir şekilde yüklensin diye css de basit bir kod yapısı hazırladım. Kod yapısnın mantığı aslında imajların arkaplanında basit bir yükleniyor resmi eklemek doğal olarak 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ı oldukça 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;
}

Paylaşmak Güzeldir
Yazar
Yazar
Ntoskrnl.exe Hatası Nedir ve Çözümü Nasıldır? İmajsız Bir Şekilde CSS ile Resimlerin Köşelerini Yuvarlatın!
1 Yorum
  1. Yazar
    Mahmut

    Teşekkürler bu işime yaradı…

Bir yorum yazın
Siz de düşüncenizi belirtebilirsiniz.

Web Tasarım Blog Teması ES | Tüm hakları © Emre Supçin'e aittir.