03-30-2014, 07:53 AM
:focus nedir?
Focus bi css elemanıdır. Diğer adı ise "odak"tır. Bu özellik istediğiniz bir nesneye bu özelliği verebilirsiniz. Genellikle arama kutusunda çok kullanılır. Peki bu nasıl görünür bu kodu eklediğimizde mausemizi arama kutusuna getirdiğimiz zaman border bölümü yani kenarlar renklenecektir. Peki bu nasıl olucak? Aşağıdaki "Nasıl yapılır?" bölümünü takip ediniz.
Nasıl yapılır?
Şimdi nasıl yapılır aşamasına geçtik. Mesela bir arama kodu cssmiz olsun.
Gibi bir cssmiz olsun bu css adında bir css daha oluşturalım fakat yanına
:focus ekleyiniz. Örnek;
Şeklinde ve :focus işlemimiz gerçekleşiyor :)
Bir görüntü:
ANLATIM: Secilmis42
Focus bi css elemanıdır. Diğer adı ise "odak"tır. Bu özellik istediğiniz bir nesneye bu özelliği verebilirsiniz. Genellikle arama kutusunda çok kullanılır. Peki bu nasıl görünür bu kodu eklediğimizde mausemizi arama kutusuna getirdiğimiz zaman border bölümü yani kenarlar renklenecektir. Peki bu nasıl olucak? Aşağıdaki "Nasıl yapılır?" bölümünü takip ediniz.
Nasıl yapılır?
Şimdi nasıl yapılır aşamasına geçtik. Mesela bir arama kodu cssmiz olsun.
Kod:
.aramakutu {
width: 100px;
}Gibi bir cssmiz olsun bu css adında bir css daha oluşturalım fakat yanına
:focus ekleyiniz. Örnek;
Secilmis42 Nickli Kullanıcıdan Alıntı:.aramakutu:focus {
border: #09f solid 2px;
}
Şeklinde ve :focus işlemimiz gerçekleşiyor :)
Bir görüntü:
ANLATIM: Secilmis42
Okyanusta batan gemidir yalnızlık,
Çok derinlerdedir gücün yetmez onu oradan çıkarmaya.
Kaybolup gider daha sonra.
Kendi kendine konuşmaktır yalnızlık...
Belkide en iyi tarafıdır bu
Kendini sorgularsın, bir kez olsun çekersin köşeye nefsini hayatı anlamaya çalışırsın.
Çok derinlerdedir gücün yetmez onu oradan çıkarmaya.
Kaybolup gider daha sonra.
Kendi kendine konuşmaktır yalnızlık...
Belkide en iyi tarafıdır bu
Kendini sorgularsın, bir kez olsun çekersin köşeye nefsini hayatı anlamaya çalışırsın.