#attacment

New Post has been published on http://www.adobewordpress.com/css-background

CSS Background Nedir? Nasıl Kullanılır?

CSS‘in Background satırı arka plan görsellerimizin seçimini, yerleşimini, boyutunu ve pozisyonunu yönetmemizi sağlar.

Bu makalemizde web tasarımında kullanabileceğimiz tüm arka plan terimlerini tanıyacağız. Background’a etki edebilecek background-image, background-color, background-repeat, background-attachment ve background-position değerlerini de örneklendireceğiz.

Background

Sayfanızdaki herhangi bir objeye arka plan belirlemek için background-image veya background-color gibi kodları kullanıyoruz.

Örneklendirelim :

background-image:url('ornek.gif'); background-color:red;

Bu işlemi JavaScript ile yapacak olsaydık,

object.style.backgroundImage="url(ornek.gif)"

kodunu kullanacaktık. Fakat JavaScript arka plan seçimi an itibariyle pek popüler değildir.

Background-repeat

Bu alan için X, Y, Repeat ve No-repeat terimlerini girebiliyoruz.

Repeat-X : dikey olarak arka planı tekrarlatır.

Repeat-Y : yatay olarak arka planı tekrarlatır.

Repeat : Her iki yönde arka plan tekrarlanır.

No-repeat : Arka plan tekrarlanmaz.

Örneklendirelim :

background-repeat:repeat-x;

Bu işlemi JavaScript ile yapacak olsaydık;

object.style.backgroundRepeat="repeat-x"

Background-attachment

Bu kod ile de arka planın yerleşimini belirliyoruz. Tanımlamasına scroll, local ve fixed yazılabiliyor.

Fixed : Siz kaydırma çubuğunu aşağıya kaydırdığınız sürece arka plan da kayar.

Local : Arka plan sadece bağlı olduğu objeye uygulanır.

Scroll : Klasik yöntem. Varsayılan değer.

Örneklendirelim :

background-attachment:local;

Bu işlemi JavaScript ile yapacak olsaydık;

object.style.backgroundAttachment="local"

Background-position

İsminden de anlaşılacağı gibi arka planın pozisyonunu belirtmemizi sağlıyor. Varsayılan değeri 0% 0% olarak belirlenir.

Dört tip değer kullanabiliyoruz. Yerleşim kelimeleri, koordinatlar, yüzdeler ve inherit. Buradaki ilk değer yatay, ikinci değer dikey pozisyonu temsil eder.

Yerleşim kelimeleri : left top, left center, left bottom, right top, right center, right bottom, center top, center center, center bottom. Burada alanlardan birini boş bırakırsanız o kısım center olarak algılanacaktır.

Koordinatlar : Arka planın nerede gözükmesini istiyorsak değerlerini giriyoruz. Örneğin yatay 50 piksel, dikey 20 piksel açık kısım bırakalım : 50px 20px

Inherit : Obje arka plan pozisyon değerini bağlı olduğu elementten direkt olarak alır.

Örneklendirelim :

Background-position:left;

Bu işlemi JavaScript ile yapacak olsaydık;

object.style.backgroundPosition="left"

Hatırlatma

Idk, I honestly think I didn't want you to care. I hoped that it would make you not care. Some side of me always whispers in my ear, & tells me that you really don't care. Its like it use to be. I didn't matter. I want to believe that. I don't want you to like me, I don't wanna hurt you. I didn't want the hate to happen. Why couldn't you be like I expected you to be in the beginning. Why'd the feelings have to come in. We were doing good, we didn't need them. But they happened, just like everyone knew it would. & I think I got scared. Maybe I can even say it had nothing to do with you, I didn't want to care when I leave, I didn't wanna have a reason to stay, I wanted it to be an easy move. I already miss you, & I know I fucked up. I didn't want the attachment, you mad me happy. But you know, I gave you the chance to make me yours, I invited you to a conversation that could have ended as me being only yours. I told you I liked you, and we knew where our feelings sat. We knew it all. & yeah I didn't take that step, I wanted you to do it..& you didn't. It made me angry. I hate that I care, cause you know what, I really shouldn't. I warned you from the start, don't get attached, I'm leaving. Hanging around you every day tho, I know it made things harder for the both of us, cause even if we tried to stop it, it would still happen.