Fareye İmleç Ekleme Kodu HTML CSS
Fareye imleç eklemek, web sitenizin kullanıcı deneyimini iyileştirmenin harika bir yoludur. İmleç, kullanıcıların web sitenizde gezinmesini ve etkileşim kurmasını kolaylaştırır. Ayrıca, web sitenizin daha profesyonel ve cilalı görünmesini sağlayabilir.
Fareye imleç eklemek için HTML ve CSS kullanabilirsiniz. HTML’de, cursor özelliğini kullanarak imlecin türünü belirleyebilirsiniz. CSS’de ise, imlecin boyutunu, rengini ve şeklini ayarlayabilirsiniz.
HTML’de İmleç Türünü Belirleme
HTML’de, cursor özelliğini kullanarak imlecin türünü belirleyebilirsiniz. cursor özelliği, aşağıdaki değerleri alabilir:
auto: Tarayıcı varsayılan imlecini kullanır.default: Standart ok imlecini kullanır.pointer: El imlecini kullanır.crosshair: Artı işareti imlecini kullanır.text: Metin imlecini kullanır.wait: Saat imlecini kullanır.help: Soru işareti imlecini kullanır.move: Dört yönlü ok imlecini kullanır.not-allowed: Yasak işareti imlecini kullanır.
Örneğin, aşağıdaki HTML kodu, fareye el imleci ekler:
“`html
“`
### CSS’de İmlecin Boyutunu, Rengini ve Şeklini Ayarlama
CSS’de, `cursor` özelliğini kullanarak imlecin boyutunu, rengini ve şeklini ayarlayabilirsiniz. `cursor` özelliği, aşağıdaki değerleri alabilir:
* `cursor-size`: İmlecin boyutunu belirler.
* `cursor-color`: İmlecin rengini belirler.
* `cursor-shape`: İmlecin şeklini belirler.
Örneğin, aşağıdaki CSS kodu, fareye büyük, kırmızı bir el imleci ekler:
“`css
body {
cursor: pointer;
cursor-size: 24px;
cursor-color: red;
}
“`
### Faydalı Siteler ve İlgili Dosyalar
* [CSS Cursor Property](https://www.w3schools.com/cssref/pr_pos_cursor.asp)
* [HTML Cursor Attribute](https://www.w3schools.com/tags/att_body_cursor.asp)
* [Cursor Types](https://developer.mozilla.org/en-US/docs/Web/CSS/cursor)
* [Custom Cursors](https://css-tricks.com/custom-css-cursors/)
### Sonuç
Fareye imleç eklemek, web sitenizin kullanıcı deneyimini iyileştirmenin harika bir yoludur. HTML ve CSS kullanarak, imlecin türünü, boyutunu, rengini ve şeklini kolayca ayarlayabilirsiniz.