Oxxi için hazırladığım giriş sayfasında bir tablo ortalaması hazırlamıştım. Çözünürlüğünüz ne olursa olsun sayfanızın içeriği üstten ve alttan tam olarak ortalanmış olarak gözükür. Yazının devamında css kod yapısını ve kullanımını bulabilirsiniz.
Etiket: css html
729
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.
Buyrun kod yapısı :img {
background-image: url(yukleniyor.gif);
background-repeat: no-repeat;
background-position: center center;
}
CSS sitelerimizi oluştururken kullandığımız vazgeçilmez bir yapıdır. Bu konuda sizlere basit uygulayabileceğiniz bir örnek sunuyorum. Umarım faydalı olur.