|
Gönderen: altayalp | Tarih: 13 Temmuz 2008 Pazar |
|
|
Css'nin corsor özelliği, bir nesnenin üzerine gelindiğinde farenin alacağı şekli belirler.
Kalıtsallık özelliği bulunur. Örnek kullanım:
KOD:p {
cursor: pointer
}
<p>bu sayfada bulunan paragrafların imleci el şeklindedir (pointer)</p>
Css'nin cursor özelliği ile kendi fare imlecimizi de kullanabiliriz. Fare imlecimizin formatı .cur olmak zorundadır.
KOD:p {
cursor: url("fareimlec.cur"), pointer
}
<p>bu sayfada bulunan paragrafların imleci kendi tasarladığımız imleçtir.</p>
İkinci imlecimizi css'nin url ile çağrılan imleçleri desteklemeyen tarayıcılar için belirttik. Alternatif fare imlecimizi , (virgül) ile ayırıyoruz. Css ile kullanabileceğimiz imleclerin listesini ve kullanım şeklini aşağıda veriyorum. Dikkat etmeniz gereken bir nokta, her imleç her tarayıcı tarafından desteklenmez. Sayfalarınızı farklı tarayıcılar ile test etmenizi öneririm. Listedeki fare imleçlerini test etmek için örnek sayfayı inceleyin.
Css Fare imleçlerinin listesi ve kullanımı
default - cursor:default
crosshair - cursdefaultor:crosshair
hand - cursor:hand
pointer - cursor:pointer
move - cursor:move
text - cursor:text
wait - cursor:wait
help - cursor:help
n-resize - cursor:n-resize
ne-resize - cursor:ne-resize
e-resize - cursor:e-resize
se-resize - cursor:se-resize
s-resize - cursor:s-resize
sw-resize - cursor:sw-resize
w-resize - cursor:w-resize
nw-resize - cursor:nw-resize
progress - cursor:progress
not-allowed - cursor:not-allowed
no-drop - cursor:no-drop
vertical-text - cursor:vertical-text
all-scroll - cursor:all-scroll
col-resize - cursor:col-resize
row-resize - cursor:row-resize
cursor:url(url) – cursor:url("cursor.cur")
|
|
[ Makaleyi İndir ]
[ Yazıcı Görüntüsü ]
[ Tavsiye Et ]
[ Takibe Al ]
[ Yorum Ekle ]
|
|
Bu sayfayı Paylaşın :
del.icio.us |
Furl |
Digg |
Technorati |
Reddit |
Google Bookmarks |
Simpy
|
|
●
Bu Makaleye Hiç Yorum Yapılmamış
|
| |
|
Html ( 15 )
