CSS de Fare İmleci

Fare İmlecini Seçmek


Fare imlecinin sembolünü değiştirmek de sizin elinizde. Bunun için
cursor özelliğini kullanıyoruz. cursor özelliği aşağıdaki değerleri
alabilir:



url Bu değer ile kendi tasarladığımız .cur uzantılı imleci tanımlayabiliyoruz. --

default Varsayılan değer bildiğimiz ok şekli imleç. Değiştirdiğimiz imleçten varsayılan değere dönmek için sıkça kullanılır.

hand Genellikle link izlenimi veren el şekilli bu imleç, ziyaretçiyi sol tıklamaya güdüler.

crosshair Ziyaretçiyi bir noktayı belirlemesi (nişan alması ) yönünde güdüler.

pointer Ziyaretçiyi bir noktayı göstermeye güdüler.

move Ziyaretçiyi bir şeyi tutup hareket ettirmeye güdüler.

e-resize Herhangi bir nesneyi doğuya doğru genişletmek için kullanılır.

ne-resize Herhangi bir nesneyi kuzey doğuya doğru genişletmek için kullanılır.

nw-resize Herhangi bir nesneyi kuzey batıya doğru genişletmek için kullanılır.

n-resize Herhangi bir nesneyi kuzeye doğru genişletmek için kullanılır.

se-resize Herhangi bir nesneyi güney doğuya doğru genişletmek için kullanılır.

sw-resize Herhangi bir nesneyi güney batıya doğru genişletmek için kullanılır.

s-resize Herhangi bir nesneyi güneye doğru genişletmek için kullanılır.

w-resize Herhangi bir nesneyi batıya doğru genişletmek için kullanılır.

text Ziyaretçiyi yazı yazmaya güdüler.

wait Ziyaretçiye "bekle" der.

help Ziyaretçiyi yardım almak için tıklamasını güdüler.







İnternetten indirdiğiniz veya imleç yapan yazılımlar kullanarak
yapacağınız bir .cur uzantılı dosyayı fare imleci haline
getirebilirsiniz. Aşağıdaki örnekte sat.cur isimli bir dosya ile imleci
değiştiriyoruz. cursor özelliğinde url desteği vermeyen imleçlere karşı
alternativ imleçler tanımlayabiliyoruz. (Örnekte var. )



Kod Alanı:

<html>

<head>

<title>Nesne Konumlandırma,</title>

</head>

<body>



<center>

<table cellpadding="0" cellspacing="0" border="0" bgcolor="green"
width="350" height="200" style="cursor:url(sat.cur ),pointer,hand;">

<tr><td><p>Fareyle bu bölgeye geldiğinizde imleç değişecektir.</p></td></tr>

</table>

</center>



</body>

</html>


Hanci.org sizlere daha iyi hizmet sunmak için çerezleri kullanıyor.
Hanci.org sitesini kullanarak çerez politikamızı kabul etmiş olacaksınız.
Detaylı bilgi almak için Gizlilik ve Çerez Politikası metnimizi inceleyebilirsiniz.