CSS serimize devam ediyoruz.Bu derste mouse imlecini değiştirmeyi görecez.Mesela link üzerine gelince el işareti çıkmasın yada bizim koyduğumuz bir objede el işareti çıksın gibi her türlü mouse işaretini kontrol edebiliyoruz.Benim en çok kullandığım el işareti çıkarmaktır.Şimdi tek tek inceleyelim.
1-Default
Default verdiğimiz objede normal mouse iconu olan ok gözükür.Kodumuz şu :
cursor:default;
Görüntüsü :
2-Pointer
Pointer el işareti oluyo.Bir yere tıklattınca işlem yaptıracaksanız oraya verin.Tıklama dürtüsünü devreye sokuyor bu el.Kodumuz şu :
cursor:pointer;
Görüntüsü :
3-Move
Obje hareket ettirmek için kullanılan bir imleç.Kodumuz şu :
cursor:move;
Görüntüsü :
4-Text
Bu imleç mousenin olduğu yerin bir yazı olduğunu belirtiyor.Kodumuz şu :
cursor:text;
Görüntüsü :
5-Wait
Bu imleçde bekletmek için kullanılıyor.Kodumuz şu :
cursor:wait;
Görüntüsü :
6-Help
Bir konu hakkında yardım alabilecekleri bir alanda kullanabilirsiniz.Kodumuz şu :
cursor:help;
Görüntüsü :
7-Kendi imlecimiz
Kendi imlecimizi yapabiliyoruz.Kodumuz şu :
cursor:url(url adresi);
Bunu ayrı bir derste ayrıntılı bir şekilde anlatacam.
NOT : Ben en çok kullanılan imleçleri anlatmaya çalıştım.Daha bir çok imleç var bunları şu adresten bakabilirsiniz.
http://www.w3schools.com/cssref/playit.asp?filename=playcss_cursor&preval=crosshair
Genel örnek :
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>cArleone</title>
<style type="text/css">
.kutu{width:100px;height:100px;background:red;cursor:pointer;}
</style>
</head>
<body>
<div class="kutu"></div>
</body>
</html>
Burda kımızı alana gelince el işareti çıkacaktır.
UstaDerslik
