Daha çok eski tür temalarda (tr.gg tabanlı siteler özellikle) kullanılan, normalin dışındaki fare imleçlerini görmüşsünüzdür. Bu yazımda sizlere, css ile fare imlecini değiştirme konusunu anlatacağım.
CSS ile fare imlecini değiştirme nasıl yapılır?
- En başta yeni imlecimiz olacak görseli bulun ve indirin.
- Daha sonra bu görseli temamızın görsellerinin bulunduğu klasöre atın. Bu görseli bu adresten çekeceğiz.
- Sonra temamızın kodlarının bulunduğu stil dosyasını açın (style.css olur genellikle) ve body etiketini bulup şu kodu ekleyin.
cursor: url('../images/imlec.png'), default;
Bu kodun adresini sizin dosyanıza göre düzeltin. Bu işlem ile sitemizin her yerinde bu imleç kullanılacaktır.
Ben sadece istediğim yerde imlecin değişmesini istiyorum
Eğer sadece belli kısımda, belli bir div üzerinde imlecin değişmesini istiyorsanız yapmanız gereken çok basit yukarıdaki kodu istediğiniz div’in stil koduna ekleyin.
Örneğin:
.menu{cursor: url('../images/imlec.png'), default;} |
