Jumat, 29 Juli 2011

HTML Membuat kursor animasi (animation cursor)


Mungkin anda pernah mengunjungi salah satu blog atau website yang kursornya terlihat berbeda dengan kursor yang ada pada umumnya. Kursor yang terlihat seperti gambar atau animasi adalah hasil dari edit html di ccs body. Jika dilihat sangatlah simpel untuk menggantikan kursor tersebut, hanya dengan menambahkan sebaris ccs. Langkah pertama yang harus anda lakukan adalah anda harus menyipakan gambar dengan ukuran dan dimensi yang sesuai dengan ukuran kursor yang anda inginkan, lalu gambar tersebut anda upload ke server image, seperti contohnya http://www.photobucket.com atau situs lainya yang mempunyai fasilitas menyimpanan gambar. Anda bisa juga menggunakan berbagai koleksi kursor di situs-situs penyedianya contohnya http://www.myfile.us dan banyak situs lainya
(silahkan cari di mesin pencari google)

Langkah selanjutnya, copy ccs berikut:


 cursor:url("isi alamat gambar anda"),text;
Langkah selanjutnya, paste ccs di atas, di bawah body{ dan selanjutnya save HTML anda.
selesai, paktis tapi kreatif.
*text adalah alternatif kursor anda juga dapat digantikan.
selamat mencoba

0 komentar:

Posting Komentar

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More