Kemarin ketika lagi online via hp tiba-tiba di PM seorang kawan blogger menanyakan cara mengubah bentuk cursor menjadi tanda + (crosshair) ketika cursor mouse berada di atas teks/gambar yang mengandung link. Sebenarnya caranya simple dan mudah banget. Dengan memanfaatkan CSS berikut, hal itu bisa dilakukan dengan pilihan bentuk cursor yang beraneka ragam.

Pada CSS masukkan kode berikut ini :

<style type=”text/css” media=”screen”>
a {
cursor: pointer;
}
a:hover {
cursor: crosshair;
}
</style>

Untuk bentuk cursor yang lainnya tinggal mengganti dengan nilai properties cursor berikut ini :

cursor: crosshair;
cursor: move;
cursor: help;
cursor: text;
cursor: wait;
cursor: pointer;
cursor: auto;
cursor: e-resize;
cursor: ne-resize;
cursor: n-resize;
cursor: nw-resize;
cursor: se-resize;
cursor: s-resize;
cursor: sw-resize;
cursor: w-resize;
cursor: default;
cursor: inherit;

Yup, semoga bermanfaat.

Previous • Lirik Lagu Nakushite Kotoba Naruto 9th Ending Theme    Selamat Datang Puasa Ramadhan • Next