Laman web dengan penampilan yang menarik sangat digemari oleh pengunjung. Untuk meningkatkan penampilan sumber, pemiliknya biasanya mengubah reka bentuk sepenuhnya atau sebahagian. Malangnya, menambahkan elemen berwarna baru untuk hiasan halaman memerlukan banyak masa. Cara cepat untuk menarik perhatian pengunjung sumber adalah dengan mengganti kursor biasa dengan gambar kecil. Untuk memasang elemen seperti itu di laman web, anda perlu melakukan beberapa langkah mudah.
Ia perlu
- - laman web sendiri
- - mempunyai sekurang-kurangnya pengetahuan asas mengenai HTML
- - tahu di mana kod CSS ada di laman web ini
Arahan
Langkah 1
Pertama, muat turun gambar yang akan menggantikan penunjuk di laman web. Gambar format grafik biasa (.bmp,.gif,.jpg,.png, dll.) Tidak sesuai untuk tujuan ini.
Langkah 2
Untuk menggantikan penunjuk, anda memerlukan gambar dalam format.cur atau.ani. Untuk mendapatkan gambar seperti itu, cari di Internet untuk gambar yang direka khas untuk kursor. Sambungan.cur khusus untuk gambar statik, dan pelanjutan.ani khusus untuk gambar animasi. Simpan fail yang anda suka ke komputer anda.
Langkah 3
Tetapi untuk menukar penunjuk, sama sekali tidak perlu mengambil gambar yang sudah selesai. Sekiranya anda ingin membuat gambar sendiri, maka gunakan salah satu program khas untuk membuat kursor atau menukar format fail grafik.
Langkah 4
Isi gambar untuk kursor di laman web. Kemudian, dalam kod sumber, cari teg dan buat perubahan berikut kepadanya:
Daripada menulis "gambar / 1.ani", nyatakan jalan ke gambar yang dimuat naik ke laman web anda.
Langkah 5
Sekiranya anda mahu kursor berada dalam bentuk satu gambar ketika melayang di atas pautan, dan apabila tidak ada elemen penghubung - untuk kelihatan seperti gambar lain, maka lebih baik menggunakan CSS untuk menukar penunjuk. Untuk membuat transformasi seperti itu, muat naik fail lain dengan sambungan.cur atau.ani terlebih dahulu ke laman web.
Langkah 6
Kemudian, dalam CSS laman web anda, buat entri "body {kursor: url ('1.ani');}", bukannya "1.ani", tentukan jalan ke gambar utama untuk kursor yang dimuat naik ke tapak. Kod ini menambahkan sifat untuk mengubah kursor ke gambar yang ditentukan ke tag di mana kandungan semua halaman sumber ditulis.
Langkah 7
Kemudian tulis dalam CSS baris "a {kursor: url ('2.ani');}", ganti "2.ani" dengan jalan ke gambar kursor yang dimuat ke sumber, yang akan muncul ketika penunjuk dituding ke atas pautan. Entri yang dibuat membolehkan anda mengganti kursor dengan gambar yang sesuai ketika penunjuk mencapai pautan di laman web ini, kerana ia membuat perubahan pada sifat tag.
