Monster Notebook
 
Şimdi Üye Ol | Şifremi Unuttum
Ana SayfaSanalkurs.netProgramlarSanalkurs.netÖnemli SitelerSanalkurs.netYazarlarSanalkurs.netDers EkleSanalkurs.netE-DergiSanalkurs.netBlog Sanalkurs.netİletişimSanalkurs.netForum
 
Anasayfa » CSS (77 ders)
 
CSS ile Fare İmlecini Değiştirmek (Mouse Cursor)

Yazar: Hakan Çamoğlu  
Eklenme: 13.10.2007   Okunma: 5360    Puan: 3.9   Seviyesi:  Orta
 
Web sayfalarında CSS kullanarak fare imlecini değiştirebilirsiniz. Bunun için ilk olarak fare imlecinin nerede değişmesi gerektiğini belirlemeniz gerekiyor.

Not: Eğer tüm sayfada değişmesini istiyorsanız bunun için <body> tagını kullanmanız gerekiyor.

Fare imlecini değiştirmek istediğiniz yerde yazmanız gereken kod ise style="cursor:hand;" şeklindedir. Örneğin tüm sayfada mouse imlecinin el şeklinde gözükmesi için <body> tagını aşağıdaki gibi yazmanız gerekiyor.

<body style="cursor:hand;">


CSS cursor özelliğinin alabileceği değerler aşağıdaki gibidir:

url
Bu değer ile kendi tasarladığımız .cur uzantılı imleci tanımlayabiliyoruz.
Kullanım şekli <img style="cursor:url('sat.cur');" />

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.
Kullanım şekli <img style="cursor:default;" />

hand
Genellikle link izlenimi veren el şekilli bu imleç, ziyaretçiyi sol tıklamaya güdüler.
Kullanım şekli <img style="cursor:hand;" />

crosshair
Ziyaretçiyi bir noktayı belirlemesi (nişan alması) yönünde güdüler.
Kullanım şekli <img style="cursor:crosshair;" />

pointer
Ziyaretçiyi bir noktayı göstermeye güdüler.
Kullanım şekli <img style="cursor:pointer;" />

move
Ziyaretçiyi bir şeyi tutup hareket ettirmeye güdüler.
Kullanım şekli <img style="cursor:move;" />

e-resize
Herhangi bir nesneyi doğuya doğru genişletmek için kullanılır.
Kullanım şekli <img style="cursor:e-resize;" />

ne-resize
Herhangi bir nesneyi kuzey doğuya doğru genişletmek için kullanılır.
Kullanım şekli <img style="cursor:ne-resize;" />

nw-resize
Herhangi bir nesneyi kuzey batıya doğru genişletmek için kullanılır.
Kullanım şekli <img style="cursor:nw-resize;" />

n-resize
Herhangi bir nesneyi kuzeye doğru genişletmek için kullanılır.
Kullanım şekli <img style="cursor:n-resize;" />

se-resize
Herhangi bir nesneyi güney doğuya doğru genişletmek için kullanılır.
Kullanım şekli <img style="cursor:se-resize;" />

sw-resize
Herhangi bir nesneyi güney batıya doğru genişletmek için kullanılır.
Kullanım şekli <img style="cursor:sw-resize;" />

s-resize
Herhangi bir nesneyi güneye doğru genişletmek için kullanılır.
Kullanım şekli <img style="cursor:s-resize;" />

w-resize
Herhangi bir nesneyi batıya doğru genişletmek için kullanılır.
Kullanım şekli <img style="cursor:w-resize;" />

text
Ziyaretçiyi yazı yazmaya güdüler.
Kullanım şekli <img style="cursor:text;" />

wait
Ziyaretçiye "bekle" der.
Kullanım şekli <img style="cursor:wait;" />

help
Ziyaretçiyi yardım almak için tıklamasını güdüler.
Kullanım şekli <img style="cursor:help;" />
 

 

CSS ile Fare İmlecini Değiştirmek (Mouse Cursor) Dersini Yazdirin YAZDIR

"CSS ile Fare İmlecini Değiştirmek (Mouse Cursor)" dersi için 6 yorum var

02.11.2007 Rhipnox diyor ki:
Eyw Çok Güzel Anlatmışın

05.11.2007 candas diyor ki:
Kısa ve öz bir anlatım. Teşekkürler

10.11.2007 nehir_gy diyor ki:
Herkesin anlayabileceği güzel bir anlatım :)

19.11.2007 izm35uygar diyor ki:
tesekkürler iyi anlatım

20.11.2007 refes_01 diyor ki:
evet kısa ve öz olmus gercek
eline sağlık

21.12.2007 ncg diyor ki:
abi iyi güzel olmuş ta kendi istediğimiz dışarıdan bir şeyi nasıl koycaz

  BU DERSE YORUM EKLEYİN

Üye olmadan yorum ekleyemezsiniz !


UYARI: SANALKURS.net'te yer alan materyaller ile ilgili her türlü sorumluluk hazırlayan veya gönderene aittir. Yazarlar, gönderdikleri makale ve derslerle başkalarını yanıltıcı bilgi veremezler. SANALKURS.net bilgilerin kullanımı sonucunda doğacak hata ve zararlardan sorumlu tutulamaz. SANALKURS.net'te yer alan bir makale link vermek ve kaynak göstermek şartıyla başka bir sitede yayınlanabilir. SANALKURS.net kullanıcıları ve üyeleri, üçüncü kişilerin telif hakkı sahibi bulunduğu hiçbir yazı, fotoğraf, resim vb. materyal ve ürünü kullanamazlar. SANALKURS.net kullanıcı ve yazarlarının, üçüncü kişilerin telif hakkı sahibi olduğu yazı, resim vb. ürünleri izinsiz kullanması durumunda, her türlü hukuki ve cezai sorumluluk kendilerine aittir.
 İSTATİSTİKLER
XML Kaynağımızdan yararlanarak sitemizdeki derslerimizi masaüstünüzden yada web sitenizden takip edebilirsiniz
ÇEVRİMİÇİ 179 Ziyaretçi, 12 Üye
BuRRaK, kerasus, ramones1982, mhmt35, mocaco3, sanalusta, barangokalp, tayfunerbilen, omrduman, dogus-70, memolican, firstglory
Bugün: 420, Dün: 10154, Bu Ay: 20787, Toplam Ziyaret: 7226599, Toplam Üye: 216260, Son Üye: nur_cihan
Yazılı Dersler: 2460, Video Dersler: 407, Toplam Yazar: 64, Toplam Dosya: 53, Toplam Link: 26
   
RSS Kaynağımızdan yararlanarak sitemizdeki derslerimizi masaüstünüzden yada web sitenizden takip edebilirsiniz