Css

CSS İle Fare(Mouse) İmlecini Değiştirme

Herkese iyi günler dileriz.Bu yazımızda sizlere css ile mouse imleci değiştirme işlemini nasıl yapabiliriz onu anlatacağız.

Eğer farenizin imcelicini sitenizde değiştirmek istiyorsanız doğru yerdesiniz.Css kodları sayesinde web sitelerimizin mouse imcelicini istediğimiz gibi değiştirebiliyoruz.Mouse imcelimizi “cursor:” kodu ile değiştirebiliyoruz.Peki nasıl yaparız şimdi detaylı anlatalım.

Öncelikle arkadaşlar css kısmında;

bölümüne eklemeniz gerekmektedir.Daha doğrusu sitenizin her yerinde mouse imcelinizin değişmesini istiyorsanız css’de üstte paylaştığımız body kodlarının içinde olması lazımdır.Şimdi gelelim ekleyeceğimiz kodlara ve ekran görüntüsüne.

1-) Default (Kendi normal görüntüsü için bu kod eklenir);

Bu kod ile birlikte mouseumuzun imleci  şeklinde görünür.

2-) Pointer (Herhangi bir linke tıklayınca açılan imleç);

Bu kod ile birlikte mouseumuzun imleci  şeklinde görünür.

3-) None (Bu kod ile birlikte mousemiz görünmez);

Bu kod ile birlikte faremiz görünmez olur.

4-) Text (Metin yazısı şeklinde görülür);

Bu kod ile birlikte mouseumuzun imleci  şeklinde görünür.

5-) Wait (Kum saati şeklini alır);

Bu kod ile birlikte mouseumuzun imleci  şeklinde görünür.

Şimdi diğerlerini alt alta kodlar ve görsellerle birlikte paylaşalım.Artık istediğinizi seçip kullanabilirsiniz.

cursor:progress; ==> 
cursor:help; ==> 
cursor:crosshair; ==> 
cursor:vertical-text; ==> 
cursor:move; ==> 
cursor:no-drop; ==> 
cursor:not-allowed; ==> 
cursor:all-scroll; ==> 
cursor:col-resize; ==> 
cursor:row-resize; ==> 

Diğer tüm hepsine buradaki siteden ulaşabilirsiniz.Eğer kendi imlecinizi kendiniz oluşturmak istiyorsanız aşağıdaki kodu kullanmanız gerekiyor.Buraya kendi resim uzantınızı ayarlamanız gerekmektedir.Yani cursor.png yerine kendi resminizi ekleyin.Bu arada resim html’in içinde bulunduğu dosyanın içinde olması gerekiyor.

Not=Bu üstte verdiğimiz kodlar css kısmına eklenecektir!Eğer sitenin her yerinde imlecinizin değişmesini istemiyorsanız bu sefer istediğiniz css koduna cursor kodunu ekleyin.Mesela bir kutu yaptınız bunun üzerine gelince mouse değişsin istiyorsanız bu kutunun css kodları içerisine cursor kodlarını ekleyin.

Css ile fare imleç değiştirme kodlarını paylaştık.Umarız faydalı olur.Herkese iyi çalışmalar dileriz…

YORUMLAR

  1. Bir slider için solunda solu gösteren sağında sağı gösteren ok şeklinde imleç yapmak istiyorum yoo.com.tr adresindeki gibi nasıl yapabilirm?

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir