Kategori : CSS Uzun süredir ilgimi çeken bir konu olduğunu söylemeliyim ki anca vakit bulabilip ve bir kardeşimin bu konu hakkında bana soru sorması üzerine eklentiyi sizlerle paylaşmak istedim. Eklenti hiç bir dosyaya bağlı kalmadan sadece CSS kodu ile çalışmaktadır. Arka planı benim gibi tekrarlatmayan arkadaşlar için bu eklenti oldukça işlerine yarayacaktır.

Hemen eklentimizin nasıl kurulduğuna ve anlatıma geçmek istiyorum, eklentimiz aşağıdaki kodlar ile çalışmaktadır;

.arkaplan
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}

Kodların açıklamaları ise şöyle:

• Background-image: Arkaplana Resim ekler. ur('Resmin Adresi') olarak kullanılır.
• Background-repeat: Arkaplandaki resmin tekrarlanıp tekrarlanmaması ayarları bu kısımdan yapılır. Değerleri:
• repeat-x; X ekseninde tekrarla.
• repeat-y; Y ekseninde Tekrarla.
• repeat:Hem X Ekseninde Hem Y Ekseninde Tekrarla.
• No-Repeat:Tekrarlama yok.
• Background-attachment: Arkaplanının kaydırılıp kaydırılmayacağı bu kısımdan belirlenir.Değerleri:
• Fixed; Arkaplandaki resim yazılar kaydırıldıkca önceki yerinde kalır. Mesela ortada olan resim sayfa kaydırıldıkca yine ortada görünür yani yerine sabitlenir.
• Scroll;Arkaplandaki resim yazılar kaydırıldıkca yerinde kalır. Mesela ortada olan resim sayfa kaydırıldıkca artık ortada olmaz aşağı doğru kaydırıldıkça resim üst taraflarda kalır ve görünmez.
• Background-position: Arka planın nerede konumlanacağını belirtir. Değerleri;
• Top:Üst tarafta,
• bottom:Alt tarafta,
• left:solda,
• right:sağda;
• center;ortada

Bunun yanı sıra ise, sağ üst için top-right alt sol için ise bottom-left taglarını da kullanabilirsiniz, bu tagları kullanırken taglara pixel(px) kodunu da eklemeyi unutmayınız. Yapamadığınız bölümler ve eklenti ile ilgili sorularınız için yorum formunu veya iletişim formunu kullanarak bana ulaşabilirsiniz.

Bunu E-postayla GönderBlogThis!X'te paylaşFacebook'ta Paylaş