Situs dengan tampilan menarik sangat diminati pengunjung. Untuk meningkatkan tampilan sumber daya, pemiliknya biasanya mengubah desain sepenuhnya atau sebagian. Sayangnya, menambahkan elemen warna-warni baru untuk dekorasi halaman membutuhkan banyak waktu. Cara cepat untuk menarik perhatian pengunjung sumber daya adalah dengan mengganti kursor biasa dengan gambar kecil. Untuk memasang elemen seperti itu di situs, Anda perlu melakukan beberapa langkah sederhana.
Itu perlu
- - situs sendiri
- - memiliki setidaknya pengetahuan dasar tentang HTML
- - tahu di mana kode CSS di situs
instruksi
Langkah 1
Pertama, unduh gambar yang akan menggantikan penunjuk di situs. Gambar format grafik umum (.bmp,.gif,.jpg,.png, dll.) tidak cocok untuk tujuan ini.
Langkah 2
Untuk mengganti penunjuk, Anda memerlukan gambar dalam format.cur atau.ani. Untuk mendapatkan gambar seperti itu, cari di Internet untuk gambar yang dirancang khusus untuk kursor. Ekstensi.cur khusus untuk gambar statis, dan ekstensi.ani khusus untuk gambar animasi. Simpan file yang Anda suka ke komputer Anda.
Langkah 3
Tetapi untuk mengubah penunjuk, sama sekali tidak perlu mengambil gambar yang sudah jadi. Jika Anda ingin membuat gambar sendiri, gunakan salah satu program khusus untuk membuat kursor atau mengonversi format file grafik.
Langkah 4
Isi gambar untuk kursor di situs. Kemudian, dalam kode sumber daya, temukan tag dan buat perubahan berikut pada tag tersebut:
Alih-alih menulis "gambar / 1.ani", tunjukkan jalur ke gambar yang diunggah ke situs Anda.
Langkah 5
Jika Anda ingin kursor dalam bentuk satu gambar saat mengarahkan kursor ke tautan, dan ketika tidak ada elemen penghubung - agar terlihat seperti gambar lain, maka lebih baik menggunakan CSS untuk mengubah penunjuk. Untuk melakukan transformasi tersebut, pertama-tama unggah file lain dengan ekstensi.cur atau.ani ke situs.
Langkah 6
Kemudian, di CSS situs Anda, buat entri "body {cursor: url ('1.ani');}", alih-alih "1.ani", tentukan jalur ke gambar utama untuk kursor yang diunggah ke situs. Kode ini menambahkan properti untuk mengubah kursor ke gambar yang ditentukan ke tag di mana konten semua halaman sumber daya ditulis.
Langkah 7
Kemudian tulis di CSS baris "a {kursor: url ('2.ani');}", ganti "2.ani" dengan jalur ke gambar kursor yang diunggah ke sumber daya, yang akan muncul saat penunjuk diarahkan ke atas link. Entri yang dibuat memungkinkan Anda untuk mengganti kursor dengan gambar yang sesuai saat penunjuk menyentuh tautan apa pun di situs, karena itu membuat perubahan pada properti tag.
