Các trang web có vẻ ngoài hấp dẫn rất được du khách yêu thích. Để cải thiện hình thức của tài nguyên, chủ sở hữu của chúng thường thay đổi hoàn toàn hoặc một phần thiết kế. Thật không may, việc thêm các yếu tố đầy màu sắc mới để trang trí trang mất rất nhiều thời gian. Một cách nhanh chóng để thu hút sự chú ý của khách truy cập tài nguyên là thay thế con trỏ thông thường bằng một hình ảnh nhỏ. Để cài đặt một phần tử như vậy trên trang web, bạn cần thực hiện một vài bước đơn giản.
Nó là cần thiết
- - trang web riêng
- - có ít nhất kiến thức cơ bản về HTML
- - biết mã CSS ở đâu trên trang web
Hướng dẫn
Bước 1
Trước tiên, hãy tải xuống một hình ảnh sẽ thay thế con trỏ trên trang web. Hình ảnh của các định dạng đồ họa phổ biến (.bmp,.gif,.jpg,.png, v.v.) không phù hợp cho mục đích này.
Bước 2
Để thay thế con trỏ, bạn cần có ảnh ở định dạng.cur hoặc.ani. Để có được hình ảnh như vậy, hãy tìm kiếm trên Internet những hình ảnh được thiết kế đặc biệt cho con trỏ. Phần mở rộng.cur dành riêng cho hình ảnh tĩnh và phần mở rộng.ani dành riêng cho hình ảnh động. Lưu tệp bạn thích vào máy tính của bạn.
Bước 3
Nhưng để thay đổi con trỏ, không nhất thiết phải chụp ảnh hoàn chỉnh. Nếu bạn muốn tự tạo ảnh, hãy sử dụng một trong những chương trình đặc biệt để tạo con trỏ hoặc chuyển đổi định dạng tệp đồ họa.
Bước 4
Điền vào hình ảnh cho con trỏ trên trang web. Sau đó, trong mã tài nguyên, hãy tìm thẻ và thực hiện các thay đổi sau đối với thẻ:
Thay vì viết "images / 1.ani", hãy chỉ ra đường dẫn đến hình ảnh được tải lên trang web của bạn.
Bước 5
Nếu bạn muốn con trỏ ở dạng một hình ảnh khi di chuột qua liên kết và khi nó không có phần tử liên kết - trông giống như một hình ảnh khác, thì tốt hơn là sử dụng CSS để thay đổi con trỏ. Để thực hiện các chuyển đổi như vậy, trước tiên hãy tải một tệp khác có phần mở rộng.cur hoặc.ani lên trang web.
Bước 6
Sau đó, trong CSS của trang web của bạn, hãy tạo mục nhập "body {cursor: url ('1.ani');}", thay vì "1.ani", chỉ định đường dẫn đến hình ảnh chính cho con trỏ được tải lên Địa điểm. Mã này thêm thuộc tính để thay đổi con trỏ đến hình ảnh được chỉ định thành thẻ trong đó nội dung của tất cả các trang của tài nguyên được viết.
Bước 7
Sau đó, viết trong CSS dòng "a {cursor: url ('2.ani');}", thay thế "2.ani" bằng đường dẫn đến hình ảnh con trỏ được tải lên tài nguyên, sẽ xuất hiện khi con trỏ được di chuột qua liên kết. Mục nhập được thực hiện cho phép bạn thay thế con trỏ bằng hình ảnh tương ứng khi con trỏ chạm vào bất kỳ liên kết nào trên trang web, vì nó thực hiện các thay đổi đối với thuộc tính thẻ.
